Ümit Tunç
11692 lines
1.0 MiB
Plaintext
11692 lines
1.0 MiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
|
|
<!-- Mirrored from Trunçgil-tailwind-template.netlify.app/docs/styleguide/icons-font by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 18 Oct 2025 11:05:00 GMT -->
|
|
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
|
|
<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="Tailwind CSS, 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>Trunçgil - Modern & Multipurpose Tailwind CSS Template</title>
|
|
<link rel="shortcut icon" href="../../assets/img/favicon.png">
|
|
<link rel="stylesheet" type="text/css" href="../../assets/fonts/unicons/unicons.css">
|
|
<link rel="stylesheet" href="../../assets/css/plugins.css">
|
|
<link rel="stylesheet" href="../../assets/css/style.css">
|
|
<link rel="stylesheet" href="../../assets/css/icon.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="grow shrink-0">
|
|
<header class="relative wrapper bg-soft-primary !bg-[#edf2fc]">
|
|
<nav class="navbar navbar-expand-lg center-nav transparent navbar-light">
|
|
<div class="container xl:!flex-row lg:!flex-row !flex-nowrap items-center">
|
|
<div class="navbar-brand w-full">
|
|
<a href='../../index.html'>
|
|
<img src="../../assets/img/truncgil-yatay.svg" alt="image">
|
|
</a>
|
|
</div>
|
|
<div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">
|
|
<div class="offcanvas-header xl:!hidden lg:!hidden flex items-center justify-between flex-row p-6">
|
|
|
|
<button type="button" class="btn-close btn-close-white !mr-[-0.75rem] m-0 p-0 leading-none !text-[#343f52] transition-all duration-[0.2s] ease-in-out border-0 motion-reduce:transition-none before:text-[1.05rem] before:text-white before:content-['\ed3b'] before:w-[1.8rem] before:h-[1.8rem] before:leading-[1.8rem] before:shadow-none before:transition-[background] before:duration-[0.2s] before:ease-in-out before:!flex before:justify-center before:items-center before:m-0 before:p-0 before:rounded-[100%] hover:no-underline bg-inherit before:bg-[rgba(255,255,255,.08)] before:font-Unicons hover:before:bg-[rgba(0,0,0,.11)]" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
|
</div>
|
|
<div class="offcanvas-body xl:!ml-auto lg:!ml-auto flex flex-col !h-full">
|
|
<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="grid grid-cols-1 xl:grid-cols-6 lg:grid-cols-6 mx-0 xl:mx-[-10px] lg:mx-[-10px] xl:!mt-[-10px] lg:!mt-[-10px] !pl-0 list-none">
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo1.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi1.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 1</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo2.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi2.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 2</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo3.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi3.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 3</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo4.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi4.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 4</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo5.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi5.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 5</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo6.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi6.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 6</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo7.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi7.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 7</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo8.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi8.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 8</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo9.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi9.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 9</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo10.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi10.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 10</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo11.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi11.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 11</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo12.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi12.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 12</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo13.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi13.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 13</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo14.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi14.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 14</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo15.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi15.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 15</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo16.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi16.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 16</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo17.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi17.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 17</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo18.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi18.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 18</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo19.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi19.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 19</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo20.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi20.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 20</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo21.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi21.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 21</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo22.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi22.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 22</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo23.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi23.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 23</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo24.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi24.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 24</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo25.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi25.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 25</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo26.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi26.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 26</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo27.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi27.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 27</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo28.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi28.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 28</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo29.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi29.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 29</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo30.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi30.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 30</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo31.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi31.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 31</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo32.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi32.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 32</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo33.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi33.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 33</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
|
|
<a class='dropdown-item' href='../../demo34.html'>
|
|
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]" src="../../assets/img/demos/mi34.jpg" alt="image"></figure>
|
|
<span class="xl:!hidden lg:!hidden">Demo 34</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<!--/.row -->
|
|
<span class="hidden lg:!flex"><i class="uil uil-direction xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></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="pl-0 list-none">
|
|
<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="pl-0 list-none">
|
|
<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="grid grid-cols-1 xl:grid-cols-6 lg:grid-cols-6 mx-0 xl:mx-[-15px] lg:mx-[-15px] xl:!mt-[-20px] lg:!mt-[-20px] !pl-0 list-none">
|
|
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='../blocks/about.html'>
|
|
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img class="rounded-none" src="../../assets/img/demos/block1.svg" alt="image"></div>
|
|
<span>About</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='../blocks/blog.html'>
|
|
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img class="rounded-none" src="../../assets/img/demos/block2.svg" alt="image"></div>
|
|
<span>Blog</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='../blocks/call-to-action.html'>
|
|
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img class="rounded-none" src="../../assets/img/demos/block3.svg" alt="image"></div>
|
|
<span>Call to Action</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='../blocks/clients.html'>
|
|
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img class="rounded-none" src="../../assets/img/demos/block4.svg" alt="image"></div>
|
|
<span>Clients</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='../blocks/contact.html'>
|
|
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img class="rounded-none" src="../../assets/img/demos/block5.svg" alt="image"></div>
|
|
<span>Contact</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='../blocks/facts.html'>
|
|
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img class="rounded-none" src="../../assets/img/demos/block6.svg" alt="image"></div>
|
|
<span>Facts</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='../blocks/faq.html'>
|
|
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img class="rounded-none" src="../../assets/img/demos/block7.svg" alt="image"></div>
|
|
<span>FAQ</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='../blocks/features.html'>
|
|
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img class="rounded-none" src="../../assets/img/demos/block8.svg" alt="image"></div>
|
|
<span>Features</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='../blocks/footer.html'>
|
|
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img class="rounded-none" src="../../assets/img/demos/block9.svg" alt="image"></div>
|
|
<span>Footer</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='../blocks/hero.html'>
|
|
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img class="rounded-none" src="../../assets/img/demos/block10.svg" alt="image"></div>
|
|
<span>Hero</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='../blocks/misc.html'>
|
|
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img class="rounded-none" src="../../assets/img/demos/block17.svg" alt="image"></div>
|
|
<span>Misc</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='../blocks/navbar.html'>
|
|
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img class="rounded-none" src="../../assets/img/demos/block11.svg" alt="image"></div>
|
|
<span>Navbar</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='../blocks/portfolio.html'>
|
|
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img class="rounded-none" src="../../assets/img/demos/block12.svg" alt="image"></div>
|
|
<span>Portfolio</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='../blocks/pricing.html'>
|
|
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img class="rounded-none" src="../../assets/img/demos/block13.svg" alt="image"></div>
|
|
<span>Pricing</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='../blocks/process.html'>
|
|
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img class="rounded-none" src="../../assets/img/demos/block14.svg" alt="image"></div>
|
|
<span>Process</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='../blocks/team.html'>
|
|
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img class="rounded-none" src="../../assets/img/demos/block15.svg" alt="image"></div>
|
|
<span>Team</span>
|
|
</a>
|
|
</li>
|
|
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='../blocks/testimonials.html'>
|
|
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img class="rounded-none" src="../../assets/img/demos/block16.svg" alt="image"></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="flex flex-wrap mx-0 xl:mx-[-7.5px] lg:mx-[-7.5px]">
|
|
<div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] max-w-full">
|
|
<h6 class="dropdown-header">Usage</h6>
|
|
<ul class="pl-0 list-none xl:columns-2 lg:columns-2 xl:pb-1 lg:pb-1">
|
|
<li class="xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item' href='../index.html'>Get Started</a></li>
|
|
<li class="xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item' href='../forms.html'>Forms</a></li>
|
|
<li class="xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item' href='../faq.html'>FAQ</a></li>
|
|
<li class="xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item' href='../changelog.html'>Changelog</a></li>
|
|
<li class="xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item' href='../credits.html'>Credits</a></li>
|
|
</ul>
|
|
<h6 class="dropdown-header xl:!mt-6 lg:!mt-6">Styleguide</h6>
|
|
<ul class="pl-0 list-none xl:columns-2 lg:columns-2 ">
|
|
<li class=" xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item' href='colors.html'>Colors</a></li>
|
|
<li class=" xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item' href='fonts.html'>Fonts</a></li>
|
|
<li class=" xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item' href='icons-svg.html'>SVG Icons</a></li>
|
|
<li class=" xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item' href='icons-font.html'>Font Icons</a></li>
|
|
<li class=" xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item' href='illustrations.html'>Illustrations</a></li>
|
|
<li class=" xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item' href='backgrounds.html'>Backgrounds</a></li>
|
|
<li class=" xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item' href='misc.html'>Misc</a></li>
|
|
</ul>
|
|
</div>
|
|
<!--/column -->
|
|
<div class="xl:w-8/12 lg:w-8/12 w-full flex-[0_0_auto] max-w-full xl:border-l-[rgba(164,174,198,0.2)] xl:border-l xl:border-solid lg:border-l-[rgba(164,174,198,0.2)] lg:border-l lg:border-solid">
|
|
<h6 class="dropdown-header">Elements</h6>
|
|
<ul class="pl-0 list-none xl:columns-3 lg:columns-3 ">
|
|
<li><a class='dropdown-item' href='../elements/accordion.html'>Accordion</a></li>
|
|
<li><a class='dropdown-item' href='../elements/alerts.html'>Alerts</a></li>
|
|
<li><a class='dropdown-item' href='../elements/animations.html'>Animations</a></li>
|
|
<li><a class='dropdown-item' href='../elements/avatars.html'>Avatars</a></li>
|
|
<li><a class='dropdown-item' href='../elements/background.html'>Background</a></li>
|
|
<li><a class='dropdown-item' href='../elements/badges.html'>Badges</a></li>
|
|
<li><a class='dropdown-item' href='../elements/buttons.html'>Buttons</a></li>
|
|
<li><a class='dropdown-item' href='../elements/card.html'>Card</a></li>
|
|
<li><a class='dropdown-item' href='../elements/carousel.html'>Carousel</a></li>
|
|
<li><a class='dropdown-item' href='../elements/dividers.html'>Dividers</a></li>
|
|
<li><a class='dropdown-item' href='../elements/form-elements.html'>Form Elements</a></li>
|
|
<li><a class='dropdown-item' href='../elements/image-hover.html'>Image Hover</a></li>
|
|
<li><a class='dropdown-item' href='../elements/image-mask.html'>Image Mask</a></li>
|
|
<li><a class='dropdown-item' href='../elements/lightbox.html'>Lightbox</a></li>
|
|
<li><a class='dropdown-item' href='../elements/player.html'>Media Player</a></li>
|
|
<li><a class='dropdown-item' href='../elements/modal.html'>Modal</a></li>
|
|
<li><a class='dropdown-item' href='../elements/pagination.html'>Pagination</a></li>
|
|
<li><a class='dropdown-item' href='../elements/progressbar.html'>Progressbar</a></li>
|
|
<li><a class='dropdown-item' href='../elements/shadows.html'>Shadows</a></li>
|
|
<li><a class='dropdown-item' href='../elements/shapes.html'>Shapes</a></li>
|
|
<li><a class='dropdown-item' href='../elements/tables.html'>Tables</a></li>
|
|
<li><a class='dropdown-item' href='../elements/tabs.html'>Tabs</a></li>
|
|
<li><a class='dropdown-item' href='../elements/text-animations.html'>Text Animations</a></li>
|
|
<li><a class='dropdown-item' href='../elements/text-highlight.html'>Text Highlight</a></li>
|
|
<li><a class='dropdown-item' href='../elements/tiles.html'>Tiles</a></li>
|
|
<li><a class='dropdown-item' href='../elements/tooltips-popovers.html'>Tooltips & Popovers</a></li>
|
|
<li><a class='dropdown-item' href='../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 xl:!hidden lg:!hidden">
|
|
<div>
|
|
<a href="mailto:first.last@email.com" class="link-inverse">info@truncgil.com</a>
|
|
<br> 00 (123) 456 78 90 <br>
|
|
<nav class="nav social social-white !mt-4">
|
|
<a class="!text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]" href="#"><i class="uil uil-twitter before:content-['\ed59'] !text-white text-[1rem] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i></a>
|
|
<a class="!text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]" href="#"><i class="uil uil-facebook-f before:content-['\eae2'] !text-white text-[1rem] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i></a>
|
|
<a class="!text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]" href="#"><i class="uil uil-dribbble before:content-['\eaa2'] !text-white text-[1rem] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i></a>
|
|
<a class="!text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]" href="#"><i class="uil uil-instagram before:content-['\eb9c'] !text-white text-[1rem] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i></a>
|
|
<a class="!text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]" href="#"><i class="uil uil-youtube before:content-['\edb5'] !text-white text-[1rem] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i></a>
|
|
</nav>
|
|
<!-- /.social -->
|
|
</div>
|
|
</div>
|
|
<!-- /.offcanvas-footer -->
|
|
</div>
|
|
<!-- /.offcanvas-body -->
|
|
</div>
|
|
<!-- /.navbar-collapse -->
|
|
<div class="navbar-other w-full !flex !ml-auto">
|
|
<ul class="navbar-nav !flex-row !items-center !ml-auto">
|
|
<li class="nav-item dropdown language-select uppercase group">
|
|
<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 group-hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]">
|
|
<li class="nav-item"><a class="dropdown-item hover:!text-[#e31e24] hover:bg-[inherit] " href="#">En</a></li>
|
|
<li class="nav-item"><a class="dropdown-item hover:!text-[#e31e24] hover:bg-[inherit] " href="#">De</a></li>
|
|
<li class="nav-item"><a class="dropdown-item hover:!text-[#e31e24] hover:bg-[inherit] " href="#">Es</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item hidden xl:block lg:block md:block">
|
|
<a class='btn btn-sm btn-primary !text-white !bg-[#e31e24] border-[#e31e24] hover:text-white hover:bg-[#e31e24] hover:!border-[#e31e24] active:text-white active:bg-[#e31e24] active:border-[#e31e24] disabled:text-white disabled:bg-[#e31e24] disabled:border-[#e31e24] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]' href='../../contact.html'>Contact</a>
|
|
</li>
|
|
<li class="nav-item xl:!hidden lg:!hidden">
|
|
<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-[#edf2fc]">
|
|
<div class="container pt-10 pb-14 xl:pt-[4.5rem] lg:pt-[4.5rem] md:pt-[4.5rem] xl:pb-24 lg:pb-24 md:pb-24 !text-center">
|
|
<div class="flex flex-wrap mx-[-15px]">
|
|
<div class="lg:w-9/12 xl:w-8/12 xxl:w-7/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
|
|
<h1 class="!text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] !mb-3">Unicons</h1>
|
|
<p class="lead xxl:!px-[1.5rem] !leading-[1.65] text-[0.9rem] font-medium">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="flex flex-wrap mx-[-15px]">
|
|
<aside class="xl:w-2/12 flex-[0_0_auto] !px-[15px] max-w-full sidebar doc-sidebar md:!mt-0 py-24 hidden xl:block">
|
|
<div class="widget pb-3">
|
|
<h6 class="widget-title text-[0.85rem] !mb-2">Usage</h6>
|
|
<nav id="collapse-usage">
|
|
<ul class="list-unstyled !pl-0 list-none text-[0.7rem] leading-normal text-inherit">
|
|
<li><a class='!text-inherit hover:!text-[#e31e24]' href='../index.html'>Get Started</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../forms.html'>Forms</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../faq.html'>FAQ</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../changelog.html'>Changelog</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../credits.html'>Credits</a></li>
|
|
</ul>
|
|
</nav>
|
|
<!-- /nav -->
|
|
</div>
|
|
<!-- /.widget -->
|
|
<div class="widget pb-3">
|
|
<h6 class="widget-title text-[0.85rem] !mb-2">Styleguide</h6>
|
|
<nav id="collapse-style">
|
|
<ul class="list-unstyled !pl-0 list-none text-[0.7rem] leading-normal text-inherit">
|
|
<li class="!mt-[.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='colors.html'>Colors</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='fonts.html'>Fonts</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='icons-svg.html'>SVG Icons</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='active' href='icons-font.html'>Font Icons</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='illustrations.html'>Illustrations</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='backgrounds.html'>Backgrounds</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='misc.html'>Misc</a></li>
|
|
</ul>
|
|
</nav>
|
|
<!-- /nav -->
|
|
</div>
|
|
<!-- /.widget -->
|
|
<div class="widget pb-3">
|
|
<h6 class="widget-title text-[0.85rem] !mb-2">Elements</h6>
|
|
<nav id="collapse-elements">
|
|
<ul class="list-unstyled !pl-0 list-none text-[0.7rem] leading-normal text-inherit">
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/accordion.html'>Accordion</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/alerts.html'>Alerts</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/animations.html'>Animations</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/avatars.html'>Avatars</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/background.html'>Background</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/badges.html'>Badges</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/buttons.html'>Buttons</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/card.html'>Card</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/carousel.html'>Carousel</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/dividers.html'>Dividers</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/form-elements.html'>Form Elements</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/image-hover.html'>Image Hover</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/image-mask.html'>Image Mask</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/lightbox.html'>Lightbox</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/player.html'>Media Player</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/modal.html'>Modal</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/pagination.html'>Pagination</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/progressbar.html'>Progressbar</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/shadows.html'>Shadows</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/shapes.html'>Shapes</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/tables.html'>Tables</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/tabs.html'>Tabs</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/text-animations.html'>Text Animations</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/text-highlight.html'>Text Highlight</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/tiles.html'>Tiles</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/tooltips-popovers.html'>Tooltips & Popovers</a></li>
|
|
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/typography.html'>Typography</a></li>
|
|
</ul>
|
|
</nav>
|
|
<!-- /nav -->
|
|
</div>
|
|
<!-- /.widget -->
|
|
</aside>
|
|
<!-- /column -->
|
|
<aside class="xl:w-2/12 flex-[0_0_auto] !px-[15px] max-w-full xl:!order-3 sidebar !sticky h-full top-0 md:!mt-0 py-24 hidden xl:block">
|
|
<div class="widget">
|
|
<h6 class="widget-title text-[0.85rem] !mb-2 xl:!pl-5">On this page</h6>
|
|
<nav class="xl:!pl-5" id="sidebar-nav">
|
|
<ul class="list-unstyled !pl-0 list-none text-[0.7rem] leading-normal text-inherit">
|
|
<li><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] active" href="#arrows">Arrows</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#brand-logos">Brand Logos</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#business">Business</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#chat">Chat</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#cloud-web">Cloud and Web</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#communication">Communication</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#construction">Construction</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#content">Content</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#design-tools">Design Tools</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#devices">Devices</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#education">Education</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#emoji">Emoji</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#file-folder">File and Folder</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#location-map">Location and Map</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#medical">Medical</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#multimedia">Multimedia</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#photo-tools">Photography Tools</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#security">Security</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#shape">Shape</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#shopping">Shopping</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#sign-symbol">Sign and Symbol</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#sports">Sports</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#time">Time</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#transport">Transport</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#user-interface">User Interface</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#users">Users</a></li>
|
|
<li class="!mt-[.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#weather">Weather</a></li>
|
|
</ul>
|
|
</nav>
|
|
<!-- /nav -->
|
|
</div>
|
|
<!-- /.widget -->
|
|
</aside>
|
|
<!-- /column -->
|
|
<div class="xl:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!order-2">
|
|
<section id="arrows" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Arrows</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-align-center-h xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e918']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">align-center-h</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-align-center-h"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-align-center-v xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e916']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">align-center-v</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-align-center-v"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-angle-double-down xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e929']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">angle-double-down</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-angle-double-down"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-angle-double-left xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e92a']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">angle-double-left</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-angle-double-left"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-angle-double-right xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e92b']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">angle-double-right</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-angle-double-right"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-angle-double-up xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e92c']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">angle-double-up</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-angle-double-up"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-angle-down xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e92d']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">angle-down</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-angle-down"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-angle-left xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e92f']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">angle-left</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-angle-left"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-angle-left-b xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e92e']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">angle-left-b</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-angle-left-b"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-angle-right xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e931']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">angle-right</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-angle-right"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-angle-right-b before:content-['\e930'] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e930']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">angle-right-b</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-angle-right-b"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-angle-up xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e932']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">angle-up</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-angle-up"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrow xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e952']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrow</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrow"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrow-break xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e93d']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrow-break</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrow-break"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrow-circle-down xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e93e']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrow-circle-down</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrow-circle-down"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrow-circle-left xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e93f']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrow-circle-left</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrow-circle-left"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrow-circle-right xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e940']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrow-circle-right</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrow-circle-right"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrow-circle-up xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e941']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrow-circle-up</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrow-circle-up"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrow-compress-h xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e942']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrow-compress-h</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrow-compress-h"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrow-down xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e945']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrow-down</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrow-down"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrow-down-left xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e943']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrow-down-left</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrow-down-left"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrow-down-right xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e944']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrow-down-right</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrow-down-right"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrow-from-right xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e946']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrow-from-right</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrow-from-right"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrow-from-top xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e947']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrow-from-top</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrow-from-top"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrow-growth xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e948']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrow-growth</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrow-growth"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrow-left before:content-['\e949'] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e949']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrow-left</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrow-left"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrow-random xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e94a']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrow-random</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrow-random"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrow-resize-diagonal xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e94b']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrow-resize-diagonal</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrow-resize-diagonal"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrow-right before:content-['\e94c'] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e94c']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrow-right</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrow-right"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrow-to-bottom xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e94d']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrow-to-bottom</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrow-to-bottom"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrow-to-right xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e94e']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrow-to-right</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrow-to-right"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrow-up xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e951']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrow-up</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrow-up"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrow-up-left xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e94f']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrow-up-left</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrow-up-left"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrow-up-right xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e950']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrow-up-right</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrow-up-right"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrows-h xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e954']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrows-h</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrows-h"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrows-h-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e953']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrows-h-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrows-h-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrows-left-down xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e955']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrows-left-down</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrows-left-down"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrows-maximize xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e956']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrows-maximize</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrows-maximize"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrows-merge xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e957']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrows-merge</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrows-merge"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrows-resize xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e95a']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrows-resize</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrows-resize"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrows-resize-h xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e958']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrows-resize-h</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrows-resize-h"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrows-resize-v xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e959']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrows-resize-v</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrows-resize-v"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrows-right-down xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e95c']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrows-right-down</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrows-right-down"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrows-shrink-h xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e95b']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrows-shrink-h</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrows-shrink-h"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrows-shrink-v xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e95d']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrows-shrink-v</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrows-shrink-v"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrows-up-right xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e95e']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrows-up-right</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrows-up-right"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrows-v xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e960']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrows-v</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrows-v"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-arrows-v-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e95f']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">arrows-v-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-arrows-v-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-caret-right xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e9ca']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">caret-right</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-caret-right"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-chart-down xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e9cf']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">chart-down</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-chart-down"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-compress-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea5b']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">compress-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-compress-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-compress-alt-left xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea5a']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">compress-alt-left</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-compress-alt-left"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-compress-arrows xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea5c']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">compress-arrows</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-compress-arrows"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-compress-point xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea5e']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">compress-point</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-compress-point"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-corner-down-left xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea67']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">corner-down-left</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-corner-down-left"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-corner-down-right xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea69']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">corner-down-right</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-corner-down-right"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-corner-down-right-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea68']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">corner-down-right-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-corner-down-right-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-corner-left-down xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea6a']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">corner-left-down</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-corner-left-down"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-corner-right-down xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea6b']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">corner-right-down</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-corner-right-down"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-corner-up-left xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea6d']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">corner-up-left</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-corner-up-left"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-corner-up-left-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea6c']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">corner-up-left-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-corner-up-left-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-corner-up-right xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea6f']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">corner-up-right</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-corner-up-right"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-corner-up-right-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea6e']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">corner-up-right-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-corner-up-right-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-direction xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea93']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">direction</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-direction"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-download-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eaa0']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">download-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-download-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-enter xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eaae']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">enter</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-enter"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-exchange xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eacf']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">exchange</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-exchange"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-exchange-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eace']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">exchange-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-exchange-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-expand-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ead6']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">expand-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-expand-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-expand-arrows xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ead8']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">expand-arrows</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-expand-arrows"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-expand-arrows-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ead7']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">expand-arrows-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-expand-arrows-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-expand-from-corner xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ead9']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">expand-from-corner</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-expand-from-corner"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-expand-left xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eada']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">expand-left</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-expand-left"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-expand-right xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eadb']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">expand-right</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-expand-right"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-export xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eadc']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">export</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-export"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-import xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eb96']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">import</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-import"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-left-arrow-from-left xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ebbb']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">left-arrow-from-left</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-left-arrow-from-left"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-left-arrow-to-left xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ebbc']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">left-arrow-to-left</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-left-arrow-to-left"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-maximize-left xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ebfa']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">maximize-left</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-maximize-left"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-scaling-left xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec9c']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">scaling-left</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-scaling-left"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-scaling-right xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec9d']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">scaling-right</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-scaling-right"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-scroll xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eca1']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">scroll</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-scroll"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-scroll-h xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eca0']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">scroll-h</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-scroll-h"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-shuffle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ecc0']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">shuffle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-shuffle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sort xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ecfb']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sort</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sort"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sorting xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ecec']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sorting</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sorting"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-top-arrow-from-top xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ed43']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">top-arrow-from-top</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-top-arrow-from-top"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-top-arrow-to-top xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ed44']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">top-arrow-to-top</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-top-arrow-to-top"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-upload-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ed60']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">upload-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-upload-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="brand-logos" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Brand Logos</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-500px xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e90a']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">500px</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-500px"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-adobe xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e913']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">adobe</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-adobe"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-adobe-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e911']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">adobe-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-adobe-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-amazon xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e921']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">amazon</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-amazon"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-android xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e928']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">android</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-android"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-android-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e926']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">android-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-android-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-apple xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e938']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">apple</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-apple"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-apple-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e937']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">apple-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-apple-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-behance xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e97c']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">behance</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-behance"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-behance-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e97b']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">behance-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-behance-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bing xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e981']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bing</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bing"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bitcoin xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e985']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bitcoin</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bitcoin"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bitcoin-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e982']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bitcoin-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bitcoin-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-black-berry xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e986']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">black-berry</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-black-berry"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-blogger xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e988']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">blogger</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-blogger"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-blogger-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e987']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">blogger-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-blogger-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-css3-simple xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea7c']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">css3-simple</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-css3-simple"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-discord xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea95']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">discord</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-discord"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-docker xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea98']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">docker</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-docker"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-dribbble xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eaa2']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">dribbble</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-dribbble"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-dropbox xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eaa4']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">dropbox</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-dropbox"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-facebook xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eae5']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">facebook</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-facebook"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-facebook-f w-4 text-[0.8rem] pr-[0.4rem] align-[-.1rem] before:content-['\eae2'] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eae2']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">facebook-f</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-facebook-f"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-facebook-messenger xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eae4']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">facebook-messenger</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-facebook-messenger"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-facebook-messenger-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eae3']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">facebook-messenger-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-facebook-messenger-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-github xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eb40']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">github</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-github"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-github-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eb3f']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">github-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-github-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-gitlab xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eb41']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">gitlab</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-gitlab"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-google xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eb50']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">google</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-google"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-google-drive xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eb4c']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">google-drive</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-google-drive"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-google-drive-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eb4b']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">google-drive-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-google-drive-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-google-hangouts xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eb4e']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">google-hangouts</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-google-hangouts"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-google-hangouts-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eb4d']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">google-hangouts-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-google-hangouts-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-google-play xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eb4f']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">google-play</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-google-play"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-hipchat xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eb69']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">hipchat</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-hipchat"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-html3 xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eb7b']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">html3</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-html3"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-html3-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eb79']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">html3-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-html3-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-html5 xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eb7c']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">html5</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-html5"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-html5-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eb7a']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">html5-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-html5-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-instagram xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eb9c']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">instagram</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-instagram"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-instagram-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eb9a']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">instagram-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-instagram-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-intercom xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eb9e']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">intercom</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-intercom"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-intercom-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eb9d']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">intercom-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-intercom-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-java-script xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eba2']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">java-script</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-java-script"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-line xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ebcf']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">line</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-line"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-linkedin w-4 text-[0.8rem] pr-[0.4rem] align-[-.1rem] before:content-['\ebd1'] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ebd1']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">linkedin</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-linkedin"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-linkedin-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ebd0']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">linkedin-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-linkedin-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-linux xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ebce']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">linux</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-linux"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-lottiefiles xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ebee']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">lottiefiles</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-lottiefiles"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-lottiefiles-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ebda']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">lottiefiles-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-lottiefiles-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-master-card xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ebec']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">master-card</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-master-card"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-medium-m xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ebf4']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">medium-m</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-medium-m"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-microsoft xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec03']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">microsoft</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-microsoft"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-okta xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec31']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">okta</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-okta"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-opera xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec33']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">opera</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-opera"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-opera-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec32']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">opera-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-opera-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-pagelines xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec37']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">pagelines</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-pagelines"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-pagerduty xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec39']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">pagerduty</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-pagerduty"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-paypal xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec48']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">paypal</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-paypal"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-programming-language xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec75']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">programming-language</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-programming-language"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-react xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec7e']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">react</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-react"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-reddit-alien-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec82']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">reddit-alien-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-reddit-alien-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-skype xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ecd4']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">skype</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-skype"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-skype-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ecd3']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">skype-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-skype-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-slack xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ecdd']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">slack</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-slack"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-slack-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ecdc']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">slack-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-slack-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-snapchat-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ecfa']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">snapchat-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-snapchat-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-snapchat-ghost xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ece5']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">snapchat-ghost</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-snapchat-ghost"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-snapchat-square xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ecef']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">snapchat-square</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-snapchat-square"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-swiggy xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ed17']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">swiggy</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-swiggy"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-telegram xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ed1a']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">telegram</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-telegram"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-telegram-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ed1b']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">telegram-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-telegram-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-tumblr xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ed55']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">tumblr</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-tumblr"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-tumblr-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ed53']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">tumblr-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-tumblr-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-tumblr-square xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ed54']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">tumblr-square</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-tumblr-square"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-twitter w-4 text-[0.8rem] pr-[0.4rem] align-[-.1rem] before:content-['\ed59'] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ed59']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">twitter</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-twitter"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-twitter-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ed58']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">twitter-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-twitter-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-visual-studio xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ed80']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">visual-studio</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-visual-studio"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-vk xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ed82']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">vk</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-vk"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-vk-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ed81']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">vk-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-vk-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-vuejs xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ed8c']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">vuejs</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-vuejs"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-vuejs-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ed8b']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">vuejs-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-vuejs-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-whatsapp xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ed9a']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">whatsapp</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-whatsapp"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-whatsapp-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ed99']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">whatsapp-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-whatsapp-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-windows xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eda9']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">windows</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-windows"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-wordpress xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\edad']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">wordpress</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-wordpress"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-wordpress-simple xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\edac']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">wordpress-simple</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-wordpress-simple"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-youtube xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\edb5']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">youtube</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-youtube"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="business" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Business</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-analysis xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e923']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">analysis</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-analysis"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-analytics xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e924']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">analytics</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-analytics"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bag xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e96e']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bag</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bag"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bag-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e96c']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bag-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bag-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bill xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e980']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bill</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bill"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bitcoin-circle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e983']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bitcoin-circle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bitcoin-circle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bitcoin-sign xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e984']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bitcoin-sign</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bitcoin-sign"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-briefcase xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e9a6']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">briefcase</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-briefcase"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-briefcase-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e9a5']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">briefcase-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-briefcase-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-calculator-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e9b8']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">calculator-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-calculator-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba'] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e9ba']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">calendar-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-calendar-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-chart xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e9d6']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">chart</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-chart"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-chart-bar xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e9d0']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">chart-bar</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-chart-bar"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-chart-bar-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e9d2']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">chart-bar-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-chart-bar-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-chart-growth xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e9d4']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">chart-growth</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-chart-growth"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-chart-growth-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e9d1']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">chart-growth-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-chart-growth-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-chart-line xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e9d3']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">chart-line</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-chart-line"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-chart-pie xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e9d7']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">chart-pie</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-chart-pie"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-chart-pie-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e9d5']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">chart-pie-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-chart-pie-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-coins xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea1f']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">coins</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-coins"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comparison xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea58']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comparison</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comparison"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-credit-card xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea74']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">credit-card</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-credit-card"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-crosshair xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea7a']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">crosshair</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-crosshair"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-crosshair-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea79']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">crosshair-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-crosshair-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-crosshairs xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea7b']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">crosshairs</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-crosshairs"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-dollar-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea9d']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">dollar-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-dollar-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-dollar-sign xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea9f']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">dollar-sign</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-dollar-sign"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-dollar-sign-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea9e']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">dollar-sign-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-dollar-sign-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-euro xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eacd']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">euro</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-euro"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-euro-circle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eacc']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">euro-circle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-euro-circle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-gold xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eb49']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">gold</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-gold"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-graph-bar xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eb52']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">graph-bar</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-graph-bar"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-hunting xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eb7d']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">hunting</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-hunting"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-invoice xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eb9f']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">invoice</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-invoice"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-lightbulb xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ebc6']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">lightbulb</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-lightbulb"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-lightbulb-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ebc5']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">lightbulb-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-lightbulb-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-lira-sign xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ebd6']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">lira-sign</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-lira-sign"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-money-bill xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec10']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">money-bill</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-money-bill"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-money-bill-stack xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec0f']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">money-bill-stack</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-money-bill-stack"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-money-insert xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec12']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">money-insert</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-money-insert"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-money-stack xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec13']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">money-stack</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-money-stack"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-money-withdraw xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec14']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">money-withdraw</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-money-withdraw"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-money-withdrawal xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec15']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">money-withdrawal</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-money-withdrawal"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-moneybag xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec17']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">moneybag</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-moneybag"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-moneybag-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec16']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">moneybag-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-moneybag-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-panel-add xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec3b']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">panel-add</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-panel-add"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-percentage xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec4b']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">percentage</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-percentage"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-pound xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec63']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">pound</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-pound"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-pound-circle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec62']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">pound-circle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-pound-circle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-presentation-line xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec68']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">presentation-line</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-presentation-line"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-puzzle-piece xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec77']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">puzzle-piece</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-puzzle-piece"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-receipt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec80']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">receipt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-receipt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-receipt-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec7f']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">receipt-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-receipt-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-rupee-sign xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ec93']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">rupee-sign</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-rupee-sign"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-schedule xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\eca2']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">schedule</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-schedule"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-signal-alt-3 xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ecce']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">signal-alt-3</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-signal-alt-3"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sitemap xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ecd2']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sitemap</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sitemap"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-suitcase xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ed28']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">suitcase</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-suitcase"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-suitcase-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ed3e']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">suitcase-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-suitcase-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-university xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ed5d']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">university</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-university"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-usd-circle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ed62']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">usd-circle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-usd-circle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-usd-square xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ed63']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">usd-square</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-usd-square"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-yen xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\edb3']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">yen</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-yen"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-yen-circle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\edb2']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">yen-circle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-yen-circle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="chat" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Chat</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-chat xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e9d9']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">chat</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-chat"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-chat-bubble-user xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e9d8']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">chat-bubble-user</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-chat-bubble-user"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-chat-info xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\e9da']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">chat-info</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-chat-info"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea54']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-add xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea21']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-add</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-add"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea3a']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt-block xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea22']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt-block</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt-block"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt-chart-lines xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea23']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt-chart-lines</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt-chart-lines"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt-check xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea24']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt-check</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt-check"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt-dots xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea25']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt-dots</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt-dots"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt-download xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea26']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt-download</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt-download"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt-edit xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea27']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt-edit</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt-edit"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt-exclamation xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea28']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt-exclamation</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt-exclamation"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt-heart xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\ea29']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt-heart</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt-heart"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt-image xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt-image</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt-image"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt-info xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt-info</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt-info"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt-lines xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt-lines</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt-lines"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt-lock xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt-lock</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt-lock"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt-medical xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt-medical</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt-medical"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt-message xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt-message</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt-message"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt-notes xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt-notes</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt-notes"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt-plus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt-plus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt-plus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt-question xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt-question</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt-question"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt-redo xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt-redo</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt-redo"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt-search xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt-search</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt-search"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt-share xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt-share</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt-share"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt-shield xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt-shield</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt-shield"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt-upload xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt-upload</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt-upload"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt-verify xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt-verify</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt-verify"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-block xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-block</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-block"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-chart-line xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-chart-line</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-chart-line"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-check xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-check</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-check"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-dots xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-dots</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-dots"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-download xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-download</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-download"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-edit xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-edit</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-edit"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-exclamation xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-exclamation</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-exclamation"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-heart xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-heart</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-heart"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-image xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-image</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-image"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-info xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-info</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-info"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-info-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-info-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-info-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-lines xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-lines</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-lines"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-lock xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-lock</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-lock"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-medical xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-medical</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-medical"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-message xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-message</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-message"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-notes xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-notes</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-notes"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-plus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-plus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-plus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-question xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-question</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-question"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-redo xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-redo</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-redo"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-search xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-search</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-search"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-share xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-share</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-share"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-shield xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-shield</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-shield"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-upload xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-upload</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-upload"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-verify xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-verify</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-verify"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comments !mr-[0.3rem] before:content-['\ea56'] text-[.8rem] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comments</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comments"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comments-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comments-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comments-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-share xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">share</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-share"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="cloud-web" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Cloud and Web</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-brackets-curly xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">brackets-curly</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-brackets-curly"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-browser xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">browser</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-browser"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bug xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bug</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bug"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-channel xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">channel</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-channel"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-channel-add xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">channel-add</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-channel-add"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-block xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-block</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-block"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-bookmark xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-bookmark</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-bookmark"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-check xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-check</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-check"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-computing xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-computing</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-computing"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-data-connection xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-data-connection</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-data-connection"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-database-tree xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-database-tree</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-database-tree"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-download xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-download</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-download"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-exclamation xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-exclamation</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-exclamation"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-heart xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-heart</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-heart"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-info xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-info</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-info"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-lock xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-lock</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-lock"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-question xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-question</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-question"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-redo xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-redo</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-redo"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-share xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-share</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-share"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-shield xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-shield</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-shield"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-times xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-times</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-times"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-unlock xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-unlock</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-unlock"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-upload xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-upload</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-upload"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-wifi xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-wifi</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-wifi"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-code-branch xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">code-branch</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-code-branch"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-columns xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">columns</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-columns"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-data-sharing xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">data-sharing</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-data-sharing"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-database xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">database</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-database"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-database-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">database-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-database-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-grid xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">grid</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-grid"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-server xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">server</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-server"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-server-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">server-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-server-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-server-connection xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">server-connection</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-server-connection"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-server-network xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">server-network</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-server-network"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-server-network-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">server-network-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-server-network-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-servers xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">servers</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-servers"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-web-grid xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">web-grid</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-web-grid"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-web-grid-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">web-grid-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-web-grid-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-web-section xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">web-section</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-web-section"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-web-section-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">web-section-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-web-section-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-window xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">window</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-window"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-window-grid xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">window-grid</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-window-grid"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-window-maximize xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">window-maximize</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-window-maximize"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-window-section xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">window-section</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-window-section"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="communication" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Communication</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-calling xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">calling</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-calling"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-desktop-cloud-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">desktop-cloud-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-desktop-cloud-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope before:content-['\eac8'] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-add xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-add</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-add"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-block xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-block</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-block"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-bookmark xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-bookmark</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-bookmark"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-check xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-check</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-check"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-download xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-download</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-download"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-download-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-download-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-download-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-edit xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-edit</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-edit"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-exclamation xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-exclamation</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-exclamation"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-heart xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-heart</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-heart"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-info xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-info</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-info"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-lock xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-lock</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-lock"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-minus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-minus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-minus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-open xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-open</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-open"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-question xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-question</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-question"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-receive xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-receive</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-receive"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-redo xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-redo</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-redo"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-search xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-search</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-search"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-send xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-send</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-send"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-share xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-share</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-share"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-shield xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-shield</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-shield"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-star xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-star</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-star"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-times xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-times</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-times"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-upload xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-upload</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-upload"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelope-upload-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelope-upload-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelope-upload-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-envelopes xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">envelopes</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-envelopes"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-fast-mail xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">fast-mail</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-fast-mail"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-fast-mail-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">fast-mail-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-fast-mail-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-forwaded-call xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">forwaded-call</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-forwaded-call"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-incoming-call xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">incoming-call</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-incoming-call"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-laptop-cloud xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">laptop-cloud</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-laptop-cloud"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-laptop-connection xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">laptop-connection</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-laptop-connection"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-mailbox xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">mailbox</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-mailbox"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-mailbox-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">mailbox-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-mailbox-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-missed-call xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">missed-call</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-missed-call"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-outgoing-call xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">outgoing-call</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-outgoing-call"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-phone xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">phone</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-phone"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-phone-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">phone-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-phone-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-phone-pause xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">phone-pause</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-phone-pause"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-phone-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">phone-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-phone-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-phone-times xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">phone-times</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-phone-times"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-phone-volume before:content-['\ec50'] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">phone-volume</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-phone-volume"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-post-stamp xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">post-stamp</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-post-stamp"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-postcard xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">postcard</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-postcard"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-rss-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">rss-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-rss-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="construction" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Construction</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-constructor xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">constructor</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-constructor"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-drill xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">drill</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-drill"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-hard-hat xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">hard-hat</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-hard-hat"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-jackhammer xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">jackhammer</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-jackhammer"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-no-entry xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">no-entry</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-no-entry"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-paint-tool xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">paint-tool</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-paint-tool"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-screw xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">screw</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-screw"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-shovel xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">shovel</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-shovel"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-tape xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">tape</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-tape"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-traffic-barrier xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">traffic-barrier</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-traffic-barrier"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-trowel xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">trowel</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-trowel"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-wall xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">wall</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-wall"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-wheel-barrow xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">wheel-barrow</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-wheel-barrow"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="content" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Content</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-align xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">align</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-align"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-align-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">align-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-align-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-align-center xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">align-center</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-align-center"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-align-center-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">align-center-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-align-center-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-align-center-justify xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">align-center-justify</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-align-center-justify"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-align-justify xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">align-justify</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-align-justify"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-align-left xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">align-left</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-align-left"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-align-left-justify xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">align-left-justify</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-align-left-justify"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-align-letter-right xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">align-letter-right</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-align-letter-right"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-align-right xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">align-right</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-align-right"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-align-right-justify xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">align-right-justify</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-align-right-justify"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bars xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bars</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bars"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bold xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bold</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bold"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-border-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">border-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-border-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-border-bottom xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">border-bottom</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-border-bottom"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-border-clear xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">border-clear</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-border-clear"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-border-horizontal xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">border-horizontal</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-border-horizontal"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-border-inner xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">border-inner</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-border-inner"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-border-left xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">border-left</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-border-left"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-border-right xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">border-right</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-border-right"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-border-top xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">border-top</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-border-top"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-border-vertical xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">border-vertical</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-border-vertical"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-dialpad xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">dialpad</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-dialpad"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-dialpad-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">dialpad-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-dialpad-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-document-layout-center xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">document-layout-center</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-document-layout-center"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-document-layout-left xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">document-layout-left</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-document-layout-left"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-document-layout-right xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">document-layout-right</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-document-layout-right"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-english-to-chinese xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">english-to-chinese</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-english-to-chinese"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-font xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">font</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-font"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-grip-horizontal-line xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">grip-horizontal-line</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-grip-horizontal-line"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-hindi-to-chinese xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">hindi-to-chinese</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-hindi-to-chinese"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-italic xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">italic</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-italic"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-language xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">language</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-language"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-left-indent xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">left-indent</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-left-indent"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-left-indent-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">left-indent-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-left-indent-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-left-to-right-text-direction xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">left-to-right-text-direction</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-left-to-right-text-direction"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-letter-chinese-a xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">letter-chinese-a</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-letter-chinese-a"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-letter-english-a xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">letter-english-a</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-letter-english-a"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-letter-hindi-a xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">letter-hindi-a</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-letter-hindi-a"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-letter-japanese-a xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">letter-japanese-a</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-letter-japanese-a"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-list-ui-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">list-ui-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-list-ui-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-list-ul xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">list-ul</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-list-ul"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-paragraph xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">paragraph</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-paragraph"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-right-indent-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">right-indent-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-right-indent-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-right-to-left-text-direction xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">right-to-left-text-direction</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-right-to-left-text-direction"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sigma xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sigma</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sigma"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sort-amount-down xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sort-amount-down</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sort-amount-down"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sort-amount-up xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sort-amount-up</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sort-amount-up"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-subject xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">subject</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-subject"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-text xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">text</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-text"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-text-fields xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">text-fields</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-text-fields"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-text-size xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">text-size</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-text-size"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-text-strike-through xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">text-strike-through</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-text-strike-through"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-underline xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">underline</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-underline"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-wrap-text xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">wrap-text</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-wrap-text"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="design-tools" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Design Tools</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-apps xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">apps</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-apps"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-border-out xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">border-out</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-border-out"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bring-bottom xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bring-bottom</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bring-bottom"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bring-front xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bring-front</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bring-front"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-brush-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">brush-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-brush-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-circle-layer xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">circle-layer</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-circle-layer"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-compress xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">compress</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-compress"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-compress-lines xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">compress-lines</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-compress-lines"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-compress-v xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">compress-v</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-compress-v"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-crop-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">crop-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-crop-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-crop-alt-rotate-left xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">crop-alt-rotate-left</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-crop-alt-rotate-left"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-crop-alt-rotate-right xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">crop-alt-rotate-right</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-crop-alt-rotate-right"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-exclude xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">exclude</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-exclude"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-flip-h xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">flip-h</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-flip-h"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-flip-h-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">flip-h-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-flip-h-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-flip-v xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">flip-v</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-flip-v"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-flip-v-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">flip-v-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-flip-v-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-grids xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">grids</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-grids"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-horizontal-align-center xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">horizontal-align-center</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-horizontal-align-center"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-horizontal-align-left xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">horizontal-align-left</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-horizontal-align-left"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-horizontal-align-right xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">horizontal-align-right</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-horizontal-align-right"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-horizontal-distribution-center xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">horizontal-distribution-center</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-horizontal-distribution-center"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-horizontal-distribution-left xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">horizontal-distribution-left</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-horizontal-distribution-left"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-horizontal-distribution-right xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">horizontal-distribution-right</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-horizontal-distribution-right"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-icons xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">icons</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-icons"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-illustration xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">illustration</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-illustration"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-image-resize-landscape xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">image-resize-landscape</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-image-resize-landscape"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-image-resize-square xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">image-resize-square</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-image-resize-square"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-layers-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">layers-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-layers-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-line-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">line-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-line-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-line-spacing xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">line-spacing</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-line-spacing"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-minus-path xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">minus-path</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-minus-path"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-object-group xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">object-group</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-object-group"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-object-ungroup xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">object-ungroup</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-object-ungroup"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-palette xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">palette</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-palette"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-panorama-h xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">panorama-h</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-panorama-h"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-panorama-h-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">panorama-h-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-panorama-h-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-panorama-v xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">panorama-v</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-panorama-v"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-pathfinder xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">pathfinder</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-pathfinder"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-pathfinder-unite xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">pathfinder-unite</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-pathfinder-unite"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-repeat xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">repeat</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-repeat"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-ruler xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">ruler</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-ruler"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-ruler-combined xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">ruler-combined</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-ruler-combined"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-shrink xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">shrink</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-shrink"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-spin xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">spin</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-spin"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-square-full xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">square-full</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-square-full"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-table xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">table</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-table"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-th xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">th</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-th"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-th-large xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">th-large</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-th-large"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-th-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">th-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-th-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-vector-square xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">vector-square</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-vector-square"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-vector-square-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">vector-square-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-vector-square-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-vertical-align-bottom xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">vertical-align-bottom</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-vertical-align-bottom"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-vertical-align-center xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">vertical-align-center</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-vertical-align-center"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-vertical-align-top xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">vertical-align-top</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-vertical-align-top"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-vertical-distribute-bottom xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">vertical-distribute-bottom</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-vertical-distribute-bottom"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-vertical-distribution-center xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">vertical-distribution-center</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-vertical-distribution-center"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-vertical-distribution-top xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">vertical-distribution-top</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-vertical-distribution-top"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="devices" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Devices</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-circuit xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">circuit</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-circuit"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-desktop xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">desktop</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-desktop"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-desktop-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">desktop-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-desktop-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-hdd xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">hdd</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-hdd"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-laptop xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">laptop</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-laptop"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-mobile-android xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">mobile-android</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-mobile-android"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-mobile-android-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">mobile-android-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-mobile-android-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-modem xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">modem</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-modem"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-monitor xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">monitor</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-monitor"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-mouse xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">mouse</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-mouse"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-mouse-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">mouse-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-mouse-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-mouse-alt-2 xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">mouse-alt-2</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-mouse-alt-2"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-print xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">print</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-print"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-processor xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">processor</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-processor"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-tablet xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">tablet</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-tablet"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-webcam xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">webcam</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-webcam"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-weight xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">weight</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-weight"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-wifi-router xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">wifi-router</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-wifi-router"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="education" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Education</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-abacus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">abacus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-abacus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-atom xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">atom</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-atom"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-award xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">award</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-award"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-award-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">award-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-award-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-backpack xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">backpack</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-backpack"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bell-school xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bell-school</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bell-school"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-book xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">book</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-book"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-book-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">book-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-book-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-book-open xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">book-open</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-book-open"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-brain xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">brain</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-brain"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cell xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cell</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cell"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-diary xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">diary</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-diary"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-diary-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">diary-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-diary-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-dna xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">dna</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-dna"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-flask xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">flask</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-flask"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-flask-potion xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">flask-potion</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-flask-potion"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-game-structure xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">game-structure</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-game-structure"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-graduation-cap xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">graduation-cap</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-graduation-cap"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-medal xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">medal</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-medal"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-meeting-board xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">meeting-board</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-meeting-board"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-notebooks xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">notebooks</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-notebooks"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-notes xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">notes</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-notes"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-podium xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">podium</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-podium"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-presentation xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">presentation</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-presentation"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-presentation-check xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">presentation-check</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-presentation-check"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-presentation-edit xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">presentation-edit</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-presentation-edit"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-presentation-lines-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">presentation-lines-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-presentation-lines-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-presentation-minus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">presentation-minus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-presentation-minus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-presentation-play xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">presentation-play</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-presentation-play"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-presentation-plus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">presentation-plus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-presentation-plus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-presentation-times xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">presentation-times</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-presentation-times"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-robot xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">robot</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-robot"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sperms xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sperms</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sperms"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-telescope xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">telescope</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-telescope"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="emoji" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Emoji</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-angry xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">angry</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-angry"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-annoyed xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">annoyed</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-annoyed"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-annoyed-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">annoyed-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-annoyed-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-confused xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">confused</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-confused"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-dizzy-meh xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">dizzy-meh</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-dizzy-meh"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-emoji xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">emoji</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-emoji"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-frown xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">frown</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-frown"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-grin xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">grin</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-grin"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-grin-tongue-wink xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">grin-tongue-wink</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-grin-tongue-wink"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-grin-tongue-wink-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">grin-tongue-wink-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-grin-tongue-wink-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-kid xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">kid</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-kid"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-laughing xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">laughing</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-laughing"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-meh xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">meh</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-meh"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-meh-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">meh-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-meh-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-meh-closed-eye xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">meh-closed-eye</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-meh-closed-eye"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-nerd xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">nerd</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-nerd"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-ninja xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">ninja</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-ninja"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sad xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sad</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sad"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sad-cry xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sad-cry</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sad-cry"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sad-crying xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sad-crying</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sad-crying"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sad-dizzy xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sad-dizzy</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sad-dizzy"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sad-squint xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sad-squint</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sad-squint"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sick xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sick</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sick"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-silence xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">silence</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-silence"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-silent-squint xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">silent-squint</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-silent-squint"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-smile xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">smile</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-smile"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-smile-beam xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">smile-beam</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-smile-beam"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-smile-dizzy xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">smile-dizzy</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-smile-dizzy"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-smile-squint-wink xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">smile-squint-wink</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-smile-squint-wink"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-smile-squint-wink-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">smile-squint-wink-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-smile-squint-wink-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-smile-wink xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">smile-wink</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-smile-wink"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-smile-wink-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">smile-wink-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-smile-wink-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-squint xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">squint</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-squint"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-surprise xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">surprise</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-surprise"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-unamused xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">unamused</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-unamused"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="file-folder" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">File and Folder</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-books xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">books</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-books"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-clipboard xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">clipboard</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-clipboard"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-clipboard-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">clipboard-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-clipboard-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-clipboard-blank xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">clipboard-blank</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-clipboard-blank"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-clipboard-notes xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">clipboard-notes</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-clipboard-notes"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-copy xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">copy</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-copy"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-copy-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">copy-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-copy-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-copy-landscape xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">copy-landscape</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-copy-landscape"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-document-info xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">document-info</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-document-info"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-alt !mr-[0.3rem] before:content-['\eaec'] text-[.8rem] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-blank xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-blank</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-blank"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-block-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-block-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-block-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-bookmark-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-bookmark-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-bookmark-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-check xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-check</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-check"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-check-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-check-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-check-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-contract xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-contract</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-contract"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-contract-dollar xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-contract-dollar</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-contract-dollar"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-copy-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-copy-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-copy-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-download xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-download</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-download"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-download-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-download-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-download-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-edit-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-edit-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-edit-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-exclamation xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-exclamation</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-exclamation"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-exclamation-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-exclamation-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-exclamation-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-export xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-export</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-export"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-graph xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-graph</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-graph"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-heart xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-heart</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-heart"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-import xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-import</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-import"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-info-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-info-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-info-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-landscape xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-landscape</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-landscape"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-landscape-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-landscape-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-landscape-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-lock-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-lock-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-lock-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-medical xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-medical</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-medical"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-minus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-minus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-minus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-minus-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-minus-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-minus-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-network xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-network</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-network"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-plus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-plus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-plus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-plus-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-plus-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-plus-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-question xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-question</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-question"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-question-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-question-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-question-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-redo-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-redo-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-redo-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-search-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-search-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-search-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-share-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-share-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-share-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-shield-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-shield-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-shield-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-times xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-times</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-times"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-times-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-times-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-times-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-upload xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-upload</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-upload"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-upload-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-upload-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-upload-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-files-landscapes xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">files-landscapes</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-files-landscapes"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-files-landscapes-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">files-landscapes-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-files-landscapes-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-folder xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">folder</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-folder"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-folder-check xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">folder-check</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-folder-check"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-folder-download xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">folder-download</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-folder-download"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-folder-exclamation xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">folder-exclamation</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-folder-exclamation"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-folder-heart xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">folder-heart</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-folder-heart"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-folder-info xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">folder-info</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-folder-info"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-folder-lock xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">folder-lock</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-folder-lock"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-folder-medical xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">folder-medical</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-folder-medical"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-folder-minus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">folder-minus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-folder-minus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-folder-network xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">folder-network</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-folder-network"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-folder-open xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">folder-open</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-folder-open"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-folder-plus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">folder-plus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-folder-plus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-folder-question xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">folder-question</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-folder-question"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-folder-times xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">folder-times</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-folder-times"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-folder-upload xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">folder-upload</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-folder-upload"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="location-map" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Location and Map</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-compass xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">compass</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-compass"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-directions xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">directions</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-directions"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-location-arrow before:content-['\ebd9'] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">location-arrow</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-location-arrow"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-location-arrow-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">location-arrow-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-location-arrow-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-location-pin-alt before:content-['\ebd8'] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">location-pin-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-location-pin-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-location-point xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">location-point</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-location-point"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-map xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">map</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-map"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-map-marker xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">map-marker</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-map-marker"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-map-marker-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">map-marker-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-map-marker-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-map-marker-edit xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">map-marker-edit</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-map-marker-edit"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-map-marker-info xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">map-marker-info</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-map-marker-info"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-map-marker-minus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">map-marker-minus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-map-marker-minus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-map-marker-plus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">map-marker-plus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-map-marker-plus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-map-marker-question xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">map-marker-question</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-map-marker-question"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-map-marker-shield xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">map-marker-shield</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-map-marker-shield"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-map-pin xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">map-pin</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-map-pin"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-map-pin-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">map-pin-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-map-pin-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-navigator xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">navigator</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-navigator"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sign-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sign-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sign-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sign-left xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sign-left</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sign-left"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sign-right xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sign-right</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sign-right"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="medical" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Medical</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-ambulance xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">ambulance</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-ambulance"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-assistive-listening-systems xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">assistive-listening-systems</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-assistive-listening-systems"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-band-aid xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">band-aid</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-band-aid"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-book-medical xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">book-medical</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-book-medical"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-capsule xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">capsule</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-capsule"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-clinic-medical xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">clinic-medical</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-clinic-medical"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-coronavirus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">coronavirus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-coronavirus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-ear xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">ear</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-ear"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-medical-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-medical-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-medical-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-head-side xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">head-side</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-head-side"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-head-side-cough xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">head-side-cough</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-head-side-cough"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-head-side-mask xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">head-side-mask</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-head-side-mask"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-heart-medical xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">heart-medical</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-heart-medical"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-heart-rate xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">heart-rate</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-heart-rate"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-heartbeat xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">heartbeat</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-heartbeat"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-hospital xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">hospital</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-hospital"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-hospital-square-sign xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">hospital-square-sign</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-hospital-square-sign"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-hospital-symbol xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">hospital-symbol</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-hospital-symbol"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-house-user xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">house-user</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-house-user"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-medical-drip xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">medical-drip</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-medical-drip"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-medical-square xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">medical-square</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-medical-square"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-medical-square-full xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">medical-square-full</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-medical-square-full"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-medkit xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">medkit</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-medkit"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-microscope xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">microscope</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-microscope"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-monitor-heart-rate xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">monitor-heart-rate</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-monitor-heart-rate"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-prescription-bottle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">prescription-bottle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-prescription-bottle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sanitizer xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sanitizer</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sanitizer"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sanitizer-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sanitizer-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sanitizer-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-shield-plus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">shield-plus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-shield-plus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-social-distancing xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">social-distancing</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-social-distancing"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-stethoscope xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">stethoscope</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-stethoscope"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-stethoscope-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">stethoscope-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-stethoscope-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-store-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">store-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-store-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-stretcher xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">stretcher</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-stretcher"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-syringe xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">syringe</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-syringe"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-tablets xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">tablets</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-tablets"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-thermometer xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">thermometer</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-thermometer"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-toilet-paper xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">toilet-paper</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-toilet-paper"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-user-arrows xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">user-arrows</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-user-arrows"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-user-md xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">user-md</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-user-md"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-user-nurse xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">user-nurse</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-user-nurse"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-virus-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">virus-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-virus-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-wheelchair-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">wheelchair-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-wheelchair-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="multimedia" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Multimedia</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-airplay xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">airplay</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-airplay"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-backward xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">backward</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-backward"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bolt-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bolt-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bolt-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-boombox xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">boombox</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-boombox"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-camera xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">camera</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-camera"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-camera-change xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">camera-change</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-camera-change"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-camera-plus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">camera-plus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-camera-plus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-clapper-board xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">clapper-board</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-clapper-board"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-compact-disc xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">compact-disc</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-compact-disc"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-equal-circle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">equal-circle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-equal-circle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-film xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">film</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-film"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-flower xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">flower</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-flower"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-forward xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">forward</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-forward"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-headphone-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">headphone-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-headphone-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-headphones xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">headphones</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-headphones"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-headphones-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">headphones-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-headphones-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-image xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">image</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-image"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-image-block xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">image-block</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-image-block"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-image-broken xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">image-broken</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-image-broken"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-image-check xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">image-check</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-image-check"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-image-download xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">image-download</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-image-download"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-image-edit xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">image-edit</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-image-edit"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-image-lock xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">image-lock</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-image-lock"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-image-minus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">image-minus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-image-minus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-image-plus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">image-plus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-image-plus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-image-question xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">image-question</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-image-question"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-image-redo xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">image-redo</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-image-redo"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-image-search xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">image-search</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-image-search"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-image-share xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">image-share</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-image-share"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-image-shield xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">image-shield</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-image-shield"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-image-times xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">image-times</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-image-times"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-image-upload xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">image-upload</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-image-upload"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-image-v xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">image-v</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-image-v"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-images xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">images</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-images"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-microphone-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">microphone-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-microphone-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-mountains xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">mountains</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-mountains"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-music xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">music</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-music"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-music-note xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">music-note</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-music-note"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-music-tune-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">music-tune-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-music-tune-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-pause xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">pause</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-pause"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-pause-circle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">pause-circle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-pause-circle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-picture xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">picture</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-picture"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-play xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">play</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-play"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-play-circle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">play-circle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-play-circle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-previous xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">previous</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-previous"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-record-audio xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">record-audio</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-record-audio"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-rss-interface xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">rss-interface</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-rss-interface"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-scenery xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">scenery</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-scenery"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-selfie xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">selfie</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-selfie"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-shutter xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">shutter</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-shutter"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-shutter-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">shutter-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-shutter-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-skip-forward xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">skip-forward</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-skip-forward"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-skip-forward-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">skip-forward-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-skip-forward-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-skip-forward-circle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">skip-forward-circle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-skip-forward-circle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-slider-h xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">slider-h</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-slider-h"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-slider-h-range xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">slider-h-range</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-slider-h-range"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sliders-v xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sliders-v</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sliders-v"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sliders-v-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sliders-v-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sliders-v-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-step-backward xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">step-backward</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-step-backward"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-step-backward-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">step-backward-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-step-backward-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-step-backward-circle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">step-backward-circle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-step-backward-circle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-step-forward xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">step-forward</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-step-forward"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-stop-circle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">stop-circle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-stop-circle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-ticket xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">ticket</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-ticket"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-video xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">video</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-video"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-video-question xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">video-question</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-video-question"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="photo-tools" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Photography Tools</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bright xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bright</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bright"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-capture xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">capture</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-capture"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-exposure-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">exposure-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-exposure-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-exposure-increase xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">exposure-increase</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-exposure-increase"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-eye xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">eye</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-eye"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-focus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">focus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-focus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-focus-add xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">focus-add</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-focus-add"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-focus-target xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">focus-target</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-focus-target"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="security" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Security</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-keyhole-circle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">keyhole-circle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-keyhole-circle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-keyhole-square xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">keyhole-square</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-keyhole-square"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-keyhole-square-full xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">keyhole-square-full</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-keyhole-square-full"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-lock xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">lock</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-lock"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-lock-access xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">lock-access</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-lock-access"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-lock-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">lock-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-lock-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-lock-open-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">lock-open-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-lock-open-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-padlock xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">padlock</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-padlock"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-shield xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">shield</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-shield"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-shield-check xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">shield-check</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-shield-check"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-shield-exclamation xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">shield-exclamation</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-shield-exclamation"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-shield-question xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">shield-question</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-shield-question"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-shield-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">shield-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-shield-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-unlock xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">unlock</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-unlock"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-unlock-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">unlock-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-unlock-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="shape" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Shape</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-circle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">circle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-circle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-heart before:content-['\eb66'] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">heart</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-heart"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-heart-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">heart-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-heart-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-octagon xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">octagon</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-octagon"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-pentagon xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">pentagon</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-pentagon"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-polygon xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">polygon</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-polygon"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-square xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">square</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-square"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-square-shape xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">square-shape</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-square-shape"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-star xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">star</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-star"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-triangle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">triangle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-triangle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="shopping" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Shopping</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-archive xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">archive</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-archive"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-credit-card-search xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">credit-card-search</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-credit-card-search"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-gift xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">gift</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-gift"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-label xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">label</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-label"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-label-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">label-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-label-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-pricetag-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">pricetag-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-pricetag-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-qrcode-scan xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">qrcode-scan</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-qrcode-scan"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-shop xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">shop</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-shop"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-shopping-bag !font-normal !mt-[-0.05rem] !mr-1 before:content-['\ecba'] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">shopping-bag</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-shopping-bag"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-shopping-basket xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">shopping-basket</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-shopping-basket"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-shopping-cart !text-[1.1rem] before:content-['\ecbd'] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">shopping-cart</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-shopping-cart"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-shopping-cart-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">shopping-cart-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-shopping-cart-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-store xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">store</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-store"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-store-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">store-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-store-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-tag xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">tag</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-tag"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-tag-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">tag-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-tag-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-transaction xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">transaction</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-transaction"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="sign-symbol" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Sign and Symbol</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-accessible-icon-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">accessible-icon-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-accessible-icon-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-ban xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">ban</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-ban"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-closed-captioning xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">closed-captioning</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-closed-captioning"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-closed-captioning-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">closed-captioning-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-closed-captioning-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-copyright xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">copyright</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-copyright"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-creative-commons-pd xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">creative-commons-pd</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-creative-commons-pd"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-mars xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">mars</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-mars"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-parking-circle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">parking-circle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-parking-circle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-parking-square xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">parking-square</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-parking-square"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-registered xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">registered</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-registered"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-servicemark xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">servicemark</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-servicemark"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-trademark xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">trademark</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-trademark"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-trademark-circle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">trademark-circle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-trademark-circle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-venus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">venus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-venus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-wheelchair xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">wheelchair</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-wheelchair"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="sports" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Sports</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-baseball-ball xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">baseball-ball</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-baseball-ball"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-basketball xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">basketball</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-basketball"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-basketball-hoop xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">basketball-hoop</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-basketball-hoop"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bowling-ball xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bowling-ball</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bowling-ball"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-club xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">club</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-club"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-diamond xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">diamond</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-diamond"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-dice-five xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">dice-five</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-dice-five"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-dice-four xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">dice-four</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-dice-four"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-dice-one xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">dice-one</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-dice-one"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-dice-six xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">dice-six</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-dice-six"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-dice-three xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">dice-three</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-dice-three"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-dice-two xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">dice-two</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-dice-two"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-dumbbell xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">dumbbell</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-dumbbell"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-football xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">football</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-football"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-football-ball xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">football-ball</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-football-ball"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-golf-ball xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">golf-ball</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-golf-ball"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-heart-sign xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">heart-sign</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-heart-sign"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-kayak xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">kayak</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-kayak"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-spade xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">spade</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-spade"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-table-tennis xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">table-tennis</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-table-tennis"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-tennis-ball xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">tennis-ball</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-tennis-ball"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-trophy xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">trophy</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-trophy"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-volleyball xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">volleyball</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-volleyball"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="time" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Time</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-clock before:content-['\e9ee'] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">clock</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-clock"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-clock-eight xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">clock-eight</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-clock-eight"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-clock-five xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">clock-five</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-clock-five"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-clock-nine xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">clock-nine</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-clock-nine"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-clock-seven xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">clock-seven</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-clock-seven"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-clock-ten xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">clock-ten</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-clock-ten"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-clock-three xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">clock-three</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-clock-three"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-clock-two xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">clock-two</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-clock-two"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-stopwatch xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">stopwatch</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-stopwatch"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-stopwatch-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">stopwatch-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-stopwatch-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-watch xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">watch</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-watch"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-watch-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">watch-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-watch-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="transport" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Transport</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bus-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bus-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bus-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bus-school xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bus-school</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bus-school"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-car-sideview xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">car-sideview</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-car-sideview"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-car-wash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">car-wash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-car-wash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-luggage-cart xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">luggage-cart</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-luggage-cart"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-metro xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">metro</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-metro"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-parcel xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">parcel</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-parcel"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-ship xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">ship</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-ship"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-subway xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">subway</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-subway"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-subway-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">subway-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-subway-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-taxi xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">taxi</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-taxi"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-truck xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">truck</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-truck"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-truck-loading xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">truck-loading</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-truck-loading"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="user-interface" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">User Interface</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-plus-0 xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">plus-0</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-plus-0"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-plus-3 xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">plus-3</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-plus-3"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-plus-6 xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">plus-6</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-plus-6"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-plus-10 xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">plus-10</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-plus-10"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-plus-12 xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">plus-12</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-plus-12"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-plus-13 xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">plus-13</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-plus-13"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-plus-16 xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">plus-16</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-plus-16"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-plus-17 xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">plus-17</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-plus-17"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-plus-18 xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">plus-18</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-plus-18"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-plus-21 xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">plus-21</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-plus-21"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-adjust xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">adjust</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-adjust"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-adjust-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">adjust-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-adjust-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-adjust-circle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">adjust-circle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-adjust-circle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-adjust-half xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">adjust-half</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-adjust-half"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-anchor xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">anchor</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-anchor"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-android-phone-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">android-phone-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-android-phone-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-ankh xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">ankh</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-ankh"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-archive-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">archive-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-archive-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-archway xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">archway</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-archway"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-asterisk xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">asterisk</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-asterisk"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-at xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">at</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-at"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-auto-flash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">auto-flash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-auto-flash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-baby-carriage xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">baby-carriage</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-baby-carriage"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-backspace xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">backspace</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-backspace"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bag-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bag-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bag-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-balance-scale xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">balance-scale</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-balance-scale"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bath xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bath</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bath"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-battery-bolt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">battery-bolt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-battery-bolt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-battery-empty xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">battery-empty</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-battery-empty"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bed xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bed</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bed"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bed-double xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bed-double</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bed-double"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bell xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bell</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bell"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bell-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bell-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bell-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bluetooth-b xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bluetooth-b</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bluetooth-b"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bolt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bolt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bolt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bolt-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bolt-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bolt-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bookmark xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bookmark</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bookmark"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bookmark-full xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bookmark-full</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bookmark-full"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-box xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">box</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-box"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-brightness xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">brightness</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-brightness"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-brightness-empty xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">brightness-empty</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-brightness-empty"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-brightness-half xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">brightness-half</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-brightness-half"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-brightness-low xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">brightness-low</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-brightness-low"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-brightness-minus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">brightness-minus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-brightness-minus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-brightness-plus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">brightness-plus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-brightness-plus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-building before:content-['\e9b3'] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">building</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-building"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-bullseye xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">bullseye</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-bullseye"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-calculator xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">calculator</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-calculator"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-calendar-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">calendar-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-calendar-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-calender xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">calender</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-calender"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-camera-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">camera-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-camera-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cancel xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cancel</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cancel"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-car xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">car</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-car"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-car-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">car-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-car-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-card-atm xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">card-atm</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-card-atm"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-check xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">check</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-check"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-check-circle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">check-circle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-check-circle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-check-square xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">check-square</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-check-square"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-coffee xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">coffee</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-coffee"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cog xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cog</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cog"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-alt-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-alt-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-alt-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-comment-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">comment-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-comment-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-create-dashboard xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">create-dashboard</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-create-dashboard"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-crockery xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">crockery</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-crockery"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cube xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cube</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cube"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-dashboard xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">dashboard</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-dashboard"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-desktop-alt-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">desktop-alt-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-desktop-alt-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-desktop-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">desktop-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-desktop-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-draggabledots xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">draggabledots</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-draggabledots"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-edit xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">edit</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-edit"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-edit-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">edit-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-edit-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-elipsis-double-v-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">elipsis-double-v-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-elipsis-double-v-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-ellipsis-h xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">ellipsis-h</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-ellipsis-h"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-ellipsis-v xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">ellipsis-v</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-ellipsis-v"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-estate xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">estate</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-estate"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-exclamation xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">exclamation</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-exclamation"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-exclamation-circle before:content-['\ead0'] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">exclamation-circle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-exclamation-circle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-exclamation-octagon xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">exclamation-octagon</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-exclamation-octagon"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-exclamation-triangle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">exclamation-triangle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-exclamation-triangle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-external-link-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">external-link-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-external-link-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-eye-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">eye-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-eye-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-favorite xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">favorite</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-favorite"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-feedback xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">feedback</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-feedback"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-fidget-spinner xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">fidget-spinner</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-fidget-spinner"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-lanscape-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-lanscape-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-lanscape-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-file-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">file-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-file-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-filter xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">filter</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-filter"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-filter-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">filter-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-filter-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-fire xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">fire</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-fire"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-folder-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">folder-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-folder-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-football-american xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">football-american</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-football-american"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-glass xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">glass</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-glass"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-glass-martini xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">glass-martini</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-glass-martini"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-glass-martini-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">glass-martini-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-glass-martini-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-glass-martini-alt-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">glass-martini-alt-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-glass-martini-alt-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-glass-tea xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">glass-tea</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-glass-tea"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-globe xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">globe</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-globe"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-heart-break xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">heart-break</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-heart-break"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-history xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">history</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-history"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-history-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">history-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-history-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-home xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">home</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-home"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-hourglass xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">hourglass</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-hourglass"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-image-alt-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">image-alt-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-image-alt-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-image-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">image-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-image-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-inbox xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">inbox</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-inbox"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-info xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">info</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-info"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-info-circle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">info-circle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-info-circle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-key-skeleton xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">key-skeleton</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-key-skeleton"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-key-skeleton-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">key-skeleton-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-key-skeleton-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-keyboard xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">keyboard</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-keyboard"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-keyboard-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">keyboard-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-keyboard-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-keyboard-hide xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">keyboard-hide</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-keyboard-hide"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-keyboard-show xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">keyboard-show</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-keyboard-show"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-lamp xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">lamp</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-lamp"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-layer-group xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">layer-group</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-layer-group"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-layer-group-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">layer-group-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-layer-group-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-layers xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">layers</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-layers"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-layers-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">layers-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-layers-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-life-ring xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">life-ring</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-life-ring"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-link xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">link</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-link"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-link-add xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">link-add</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-link-add"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-link-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">link-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-link-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-link-broken xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">link-broken</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-link-broken"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-link-h xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">link-h</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-link-h"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-list-ol xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">list-ol</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-list-ol"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-list-ol-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">list-ol-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-list-ol-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-lock-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">lock-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-lock-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-map-marker-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">map-marker-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-map-marker-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-megaphone xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">megaphone</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-megaphone"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-message xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">message</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-message"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-microphone xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">microphone</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-microphone"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-minus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">minus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-minus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-minus-circle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">minus-circle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-minus-circle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-minus-square xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">minus-square</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-minus-square"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-minus-square-full xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">minus-square-full</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-minus-square-full"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-mobile-vibrate xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">mobile-vibrate</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-mobile-vibrate"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-money-bill-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">money-bill-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-money-bill-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-multiply xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">multiply</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-multiply"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-newspaper xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">newspaper</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-newspaper"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-package xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">package</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-package"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-paperclip xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">paperclip</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-paperclip"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-pen xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">pen</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-pen"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-pizza-slice xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">pizza-slice</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-pizza-slice"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-plane xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">plane</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-plane"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-plane-arrival xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">plane-arrival</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-plane-arrival"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-plane-departure xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">plane-departure</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-plane-departure"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-plane-fly xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">plane-fly</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-plane-fly"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-plug xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">plug</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-plug"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-plus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">plus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-plus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-plus-circle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">plus-circle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-plus-circle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-plus-square xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">plus-square</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-plus-square"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-power xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">power</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-power"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-print-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">print-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-print-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-process xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">process</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-process"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-pump xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">pump</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-pump"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-question xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">question</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-question"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-question-circle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">question-circle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-question-circle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-redo xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">redo</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-redo"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-refresh xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">refresh</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-refresh"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-restaurant xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">restaurant</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-restaurant"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-rocket xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">rocket</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-rocket"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-rope-way xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">rope-way</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-rope-way"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-rotate-360 xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">rotate-360</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-rotate-360"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-rss xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">rss</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-rss"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-save xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">save</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-save"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-search xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">search</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-search"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-search-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">search-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-search-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-search-minus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">search-minus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-search-minus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-search-plus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">search-plus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-search-plus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-setting xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">setting</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-setting"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-share-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">share-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-share-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sign-in-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sign-in-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sign-in-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sign-out-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sign-out-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sign-out-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-signal xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">signal</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-signal"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-signal-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">signal-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-signal-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-signin xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">signin</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-signin"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-signout xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">signout</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-signout"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sim-card xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sim-card</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sim-card"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-space-key xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">space-key</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-space-key"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-spinner xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">spinner</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-spinner"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-spinner-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">spinner-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-spinner-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-star-half-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">star-half-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-star-half-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-streering xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">streering</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-streering"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sun xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sun</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sun"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-swatchbook xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">swatchbook</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-swatchbook"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-swimmer xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">swimmer</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-swimmer"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sync xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sync</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sync"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sync-exclamation xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sync-exclamation</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sync-exclamation"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sync-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sync-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sync-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-tachometer-fast xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">tachometer-fast</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-tachometer-fast"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-tachometer-fast-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">tachometer-fast-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-tachometer-fast-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-tear xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">tear</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-tear"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-thumbs-down before:content-['\ed36'] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">thumbs-down</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-thumbs-down"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-thumbs-up before:content-['\ed35'] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">thumbs-up</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-thumbs-up"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-times xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">times</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-times"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-times-circle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">times-circle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-times-circle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-times-square xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">times-square</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-times-square"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-toggle-off xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">toggle-off</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-toggle-off"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-toggle-on xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">toggle-on</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-toggle-on"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-traffic-light xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">traffic-light</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-traffic-light"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-trash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">trash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-trash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-trash-alt before:content-['\ed4b'] xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">trash-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-trash-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-trees xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">trees</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-trees"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-tv-retro xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">tv-retro</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-tv-retro"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-tv-retro-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">tv-retro-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-tv-retro-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-umbrella xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">umbrella</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-umbrella"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-upload xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">upload</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-upload"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-utensils xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">utensils</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-utensils"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-utensils-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">utensils-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-utensils-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-video-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">video-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-video-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-voicemail xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">voicemail</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-voicemail"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-voicemail-rectangle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">voicemail-rectangle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-voicemail-rectangle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-volume xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">volume</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-volume"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-volume-down xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">volume-down</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-volume-down"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-volume-mute xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">volume-mute</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-volume-mute"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-volume-off xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">volume-off</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-volume-off"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-volume-up xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">volume-up</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-volume-up"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-wallet xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">wallet</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-wallet"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-water-drop-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">water-drop-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-water-drop-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-water-glass xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">water-glass</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-water-glass"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-wifi xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">wifi</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-wifi"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-wifi-slash xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">wifi-slash</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-wifi-slash"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-wrench xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">wrench</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-wrench"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-x xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">x</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-x"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-x-add xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">x-add</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-x-add"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-yin-yang xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">yin-yang</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-yin-yang"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="users" class="wrapper pt-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Users</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-book-reader xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">book-reader</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-book-reader"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-user xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">user</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-user"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-user-check xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">user-check</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-user-check"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-user-circle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">user-circle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-user-circle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-user-exclamation xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">user-exclamation</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-user-exclamation"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-user-location xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">user-location</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-user-location"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-user-minus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">user-minus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-user-minus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-user-plus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">user-plus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-user-plus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-user-square xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">user-square</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-user-square"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-user-times xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">user-times</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-user-times"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-users-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">users-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-users-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="weather" class="wrapper py-24">
|
|
<h2 class="!mb-5 !leading-[1.35]">Weather</h2>
|
|
<ul class="p-0 flex flex-wrap mx-[-15px] row-cols-2 row-cols-md-4 row-cols-lg-5 !mt-[-30px] !mb-0 !text-center">
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-celsius xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">celsius</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-celsius"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-drizzle xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-drizzle</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-drizzle"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-hail xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-hail</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-hail"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-meatball xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-meatball</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-meatball"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-moon xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-moon</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-moon"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-moon-hail xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-moon-hail</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-moon-hail"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-moon-meatball xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-moon-meatball</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-moon-meatball"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-moon-rain xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-moon-rain</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-moon-rain"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-moon-showers xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-moon-showers</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-moon-showers"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-rain xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-rain</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-rain"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-rain-sun xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-rain-sun</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-rain-sun"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-showers xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-showers</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-showers"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-showers-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-showers-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-showers-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-showers-heavy xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-showers-heavy</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-showers-heavy"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-sun xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-sun</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-sun"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-sun-hail xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-sun-hail</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-sun-hail"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-sun-meatball xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-sun-meatball</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-sun-meatball"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-sun-rain xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-sun-rain</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-sun-rain"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-sun-rain-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-sun-rain-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-sun-rain-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-sun-tear xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-sun-tear</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-sun-tear"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-cloud-wind xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">cloud-wind</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-cloud-wind"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-clouds xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">clouds</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-clouds"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-desert xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">desert</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-desert"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-fahrenheit xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">fahrenheit</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-fahrenheit"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-forecastcloud-moon-tear xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">forecastcloud-moon-tear</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-forecastcloud-moon-tear"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-moon xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">moon</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-moon"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-moon-eclipse xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">moon-eclipse</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-moon-eclipse"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-moonset xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">moonset</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-moonset"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-mountains-sun xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">mountains-sun</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-mountains-sun"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-n-a xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">n-a</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-n-a"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-rainbow xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">rainbow</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-rainbow"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-raindrops xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">raindrops</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-raindrops"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-raindrops-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">raindrops-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-raindrops-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-snow-flake xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">snow-flake</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-snow-flake"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-snowflake xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">snowflake</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-snowflake"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-snowflake-alt xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">snowflake-alt</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-snowflake-alt"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-sunset xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">sunset</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-sunset"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-temperature xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">temperature</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-temperature"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-temperature-empty xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">temperature-empty</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-temperature-empty"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-temperature-half xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">temperature-half</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-temperature-half"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-temperature-minus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">temperature-minus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-temperature-minus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-temperature-plus xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">temperature-plus</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-temperature-plus"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-temperature-quarter xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">temperature-quarter</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-temperature-quarter"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-temperature-three-quarter xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">temperature-three-quarter</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-temperature-three-quarter"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-thunderstorm xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">thunderstorm</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-thunderstorm"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-thunderstorm-moon xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">thunderstorm-moon</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-thunderstorm-moon"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-thunderstorm-sun xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">thunderstorm-sun</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-thunderstorm-sun"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-tornado xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">tornado</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-tornado"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-water xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">water</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-water"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-wind xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">wind</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-wind"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-wind-moon xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">wind-moon</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-wind-moon"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-wind-sun xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">wind-sun</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-wind-sun"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-windsock xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">windsock</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-windsock"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="!text-center xl:w-1/5 lg:w-1/5 md:w-4/12 w-6/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
|
<div class="card">
|
|
<div class="card-body p-[.5rem_.2rem_1rem] flex-[1_1_auto]">
|
|
<i class="uil uil-windy xl:before:text-[1.6rem] before:!text-[#343f52] before:text-[calc(1.285rem_+_0.42vw)] before:m-0 before:p-0 before:content-['\']"></i>
|
|
<span class="block !text-[#aab0bc] text-[0.7rem] m-0">windy</span>
|
|
</div>
|
|
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="<i class="uil uil-windy"></i>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
<!-- /column -->
|
|
</div>
|
|
<!-- /.row -->
|
|
</div>
|
|
<!-- /.container -->
|
|
</div>
|
|
<!-- /.content-wrapper -->
|
|
<section class="wrapper bg-[#21262c] opacity-100 !text-white">
|
|
<div class="container pt-[4.5rem] xl:pt-24 lg:pt-24 md:pt-24 !text-center">
|
|
<div class="flex flex-wrap mx-[-15px]">
|
|
<div class="md:w-10/12 lg:w-9/12 xl:w-8/12 xxl:w-7/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
|
|
<h2 class="!text-[calc(1.325rem_+_0.9vw)] font-bold !leading-[1.25] xl:!text-[2rem] !text-white !mt-3 !mb-3 xl:!px-8 lg:!px-8">Think unique and be creative. Make a difference with Trunçgil.</h2>
|
|
<p class="lead text-[1.05rem] !leading-[1.6] !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://truncgil.com.tr" target="_blank" class="btn btn-lg btn-white !rounded-[50rem] !mb-10 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]">Buy Trunçgil</a>
|
|
</div>
|
|
<!-- /column -->
|
|
</div>
|
|
<!-- /.row -->
|
|
<img class="max-w-full h-auto m-[0_auto]" src="../../assets/img/demos/f1.png" alt="image">
|
|
</div>
|
|
<!-- /.container -->
|
|
</section>
|
|
<!-- /section -->
|
|
<div class="progress-wrap fixed w-[2.3rem] h-[2.3rem] cursor-pointer block shadow-[inset_0_0_0_0.1rem_rgba(128,130,134,0.25)] z-[1010] opacity-0 invisible translate-y-3 transition-all duration-[0.2s] ease-[linear,margin-right] delay-[0s] rounded-[100%] right-6 bottom-6 motion-reduce:transition-none after:absolute after:content-['\e951'] after:text-center after:leading-[2.3rem] after:text-[1.2rem] after:!text-[#e31e24] after:h-[2.3rem] after:w-[2.3rem] after:cursor-pointer after:block after:z-[1] after:transition-all after:duration-[0.2s] after:ease-linear after:left-0 after:top-0 motion-reduce:after:transition-none after:font-Unicons">
|
|
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
|
<path class="fill-none stroke-[#e31e24] stroke-[4] box-border transition-all duration-[0.2s] ease-linear motion-reduce:transition-none" 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>
|
|
|
|
|
|
<!-- Mirrored from Trunçgil-tailwind-template.netlify.app/docs/styleguide/icons-font by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 18 Oct 2025 11:05:01 GMT -->
|
|
</html> |