6282 lines
474 KiB
HTML
6282 lines
474 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="An impressive and flawless site template that includes various UI elements and countless features, attractive ready-made blocks and rich pages, basically everything you need to create a unique and professional website.">
|
|
<meta name="keywords" content="bootstrap 5, business, corporate, creative, gulp, marketing, minimal, modern, multipurpose, one page, responsive, saas, sass, seo, startup, html5 template, site template">
|
|
<meta name="author" content="elemis">
|
|
<title>Sandbox - Modern & Multipurpose Bootstrap 5 Template</title>
|
|
<link rel="shortcut icon" href="../../assets/img/favicon.png">
|
|
<link rel="stylesheet" href="../../assets/css/plugins.css">
|
|
<link rel="stylesheet" href="../../assets/css/style.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="content-wrapper">
|
|
<header class="wrapper bg-soft-primary">
|
|
<nav class="navbar navbar-expand-lg center-nav transparent navbar-light">
|
|
<div class="container flex-lg-row flex-nowrap align-items-center">
|
|
<div class="navbar-brand w-100">
|
|
<a href="../../index.html">
|
|
<img src="../../assets/img/logo.png" srcset="../../assets/img/logo@2x.png 2x" alt="" />
|
|
</a>
|
|
</div>
|
|
<div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">
|
|
<div class="offcanvas-header d-lg-none">
|
|
<h3 class="text-white fs-30 mb-0">Sandbox</h3>
|
|
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
|
</div>
|
|
<div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item dropdown dropdown-mega">
|
|
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Demos</a>
|
|
<ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">
|
|
<li class="mega-menu-content mega-menu-scroll">
|
|
<ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo1.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi1.jpg" srcset="../../assets/img/demos/mi1@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 1</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo2.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi2.jpg" srcset="../../assets/img/demos/mi2@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 2</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo3.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi3.jpg" srcset="../../assets/img/demos/mi3@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 3</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo4.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi4.jpg" srcset="../../assets/img/demos/mi4@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 4</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo5.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi5.jpg" srcset="../../assets/img/demos/mi5@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 5</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo6.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi6.jpg" srcset="../../assets/img/demos/mi6@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 6</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo7.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi7.jpg" srcset="../../assets/img/demos/mi7@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 7</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo8.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi8.jpg" srcset="../../assets/img/demos/mi8@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 8</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo9.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi9.jpg" srcset="../../assets/img/demos/mi9@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 9</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo10.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi10.jpg" srcset="../../assets/img/demos/mi10@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 10</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo11.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi11.jpg" srcset="../../assets/img/demos/mi11@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 11</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo12.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi12.jpg" srcset="../../assets/img/demos/mi12@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 12</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo13.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi13.jpg" srcset="../../assets/img/demos/mi13@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 13</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo14.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi14.jpg" srcset="../../assets/img/demos/mi14@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 14</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo15.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi15.jpg" srcset="../../assets/img/demos/mi15@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 15</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo16.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi16.jpg" srcset="../../assets/img/demos/mi16@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 16</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo17.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi17.jpg" srcset="../../assets/img/demos/mi17@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 17</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo18.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi18.jpg" srcset="../../assets/img/demos/mi18@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 18</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo19.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi19.jpg" srcset="../../assets/img/demos/mi19@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 19</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo20.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi20.jpg" srcset="../../assets/img/demos/mi20@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 20</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo21.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi21.jpg" srcset="../../assets/img/demos/mi21@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 21</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo22.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi22.jpg" srcset="../../assets/img/demos/mi22@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 22</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo23.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi23.jpg" srcset="../../assets/img/demos/mi23@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 23</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo24.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi24.jpg" srcset="../../assets/img/demos/mi24@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 24</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo25.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi25.jpg" srcset="../../assets/img/demos/mi25@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 25</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo26.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi26.jpg" srcset="../../assets/img/demos/mi26@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 26</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo27.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi27.jpg" srcset="../../assets/img/demos/mi27@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 27</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo28.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi28.jpg" srcset="../../assets/img/demos/mi28@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 28</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo29.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi29.jpg" srcset="../../assets/img/demos/mi29@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 29</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo30.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi30.jpg" srcset="../../assets/img/demos/mi30@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 30</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo31.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi31.jpg" srcset="../../assets/img/demos/mi31@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 31</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo32.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi32.jpg" srcset="../../assets/img/demos/mi32@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 32</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo33.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi33.jpg" srcset="../../assets/img/demos/mi33@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 33</span>
|
|
</a>
|
|
</li>
|
|
<li class="col">
|
|
<a class="dropdown-item" href="../../demo34.html">
|
|
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi34.jpg" srcset="../../assets/img/demos/mi34@2x.jpg 2x" alt=""></figure>
|
|
<span class="d-lg-none">Demo 34</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<!--/.row -->
|
|
<span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>
|
|
</li>
|
|
<!--/.mega-menu-content-->
|
|
</ul>
|
|
<!--/.dropdown-menu -->
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="nav-item"><a class="dropdown-item" href="../../services.html">Services I</a></li>
|
|
<li class="nav-item"><a class="dropdown-item" href="../../services2.html">Services II</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="nav-item"><a class="dropdown-item" href="../../about.html">About I</a></li>
|
|
<li class="nav-item"><a class="dropdown-item" href="../../about2.html">About II</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="nav-item"><a class="dropdown-item" href="../../shop.html">Shop I</a></li>
|
|
<li class="nav-item"><a class="dropdown-item" href="../../shop2.html">Shop II</a></li>
|
|
<li class="nav-item"><a class="dropdown-item" href="../../shop-product.html">Product Page</a></li>
|
|
<li class="nav-item"><a class="dropdown-item" href="../../shop-cart.html">Shopping Cart</a></li>
|
|
<li class="nav-item"><a class="dropdown-item" href="../../shop-checkout.html">Checkout</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="nav-item"><a class="dropdown-item" href="../../contact.html">Contact I</a></li>
|
|
<li class="nav-item"><a class="dropdown-item" href="../../contact2.html">Contact II</a></li>
|
|
<li class="nav-item"><a class="dropdown-item" href="../../contact3.html">Contact III</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="nav-item"><a class="dropdown-item" href="../../career.html">Job Listing I</a></li>
|
|
<li class="nav-item"><a class="dropdown-item" href="../../career2.html">Job Listing II</a></li>
|
|
<li class="nav-item"><a class="dropdown-item" href="../../career-job.html">Job Description</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="nav-item"><a class="dropdown-item" href="../../404.html">404 Not Found</a></li>
|
|
<li class="nav-item"><a class="dropdown-item" href="../../page-loader.html">Page Loader</a></li>
|
|
<li class="nav-item"><a class="dropdown-item" href="../../signin.html">Sign In I</a></li>
|
|
<li class="nav-item"><a class="dropdown-item" href="../../signin2.html">Sign In II</a></li>
|
|
<li class="nav-item"><a class="dropdown-item" href="../../signup.html">Sign Up I</a></li>
|
|
<li class="nav-item"><a class="dropdown-item" href="../../signup2.html">Sign Up II</a></li>
|
|
<li class="nav-item"><a class="dropdown-item" href="../../terms.html">Terms</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item"><a class="dropdown-item" href="../../pricing.html">Pricing</a></li>
|
|
<li class="nav-item"><a class="dropdown-item" href="../../onepage.html">One Page</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>
|
|
<div class="dropdown-menu dropdown-lg">
|
|
<div class="dropdown-lg-content">
|
|
<div>
|
|
<h6 class="dropdown-header">Project Pages</h6>
|
|
<ul class="list-unstyled">
|
|
<li><a class="dropdown-item" href="../../projects.html">Projects I</a></li>
|
|
<li><a class="dropdown-item" href="../../projects2.html">Projects II</a></li>
|
|
<li><a class="dropdown-item" href="../../projects3.html">Projects III</a></li>
|
|
<li><a class="dropdown-item" href="../../projects4.html">Projects IV</a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- /.column -->
|
|
<div>
|
|
<h6 class="dropdown-header">Single Projects</h6>
|
|
<ul class="list-unstyled">
|
|
<li><a class="dropdown-item" href="../../single-project.html">Single Project I</a></li>
|
|
<li><a class="dropdown-item" href="../../single-project2.html">Single Project II</a></li>
|
|
<li><a class="dropdown-item" href="../../single-project3.html">Single Project III</a></li>
|
|
<li><a class="dropdown-item" href="../../single-project4.html">Single Project IV</a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- /.column -->
|
|
</div>
|
|
<!-- /auto-column -->
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="nav-item"><a class="dropdown-item" href="../../blog.html">Blog without Sidebar</a></li>
|
|
<li class="nav-item"><a class="dropdown-item" href="../../blog2.html">Blog with Sidebar</a></li>
|
|
<li class="nav-item"><a class="dropdown-item" href="../../blog3.html">Blog with Left Sidebar</a></li>
|
|
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="nav-item"><a class="dropdown-item" href="../../blog-post.html">Post without Sidebar</a></li>
|
|
<li class="nav-item"><a class="dropdown-item" href="../../blog-post2.html">Post with Sidebar</a></li>
|
|
<li class="nav-item"><a class="dropdown-item" href="../../blog-post3.html">Post with Left Sidebar</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown dropdown-mega">
|
|
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>
|
|
<ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">
|
|
<li class="mega-menu-content">
|
|
<ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">
|
|
<li class="col"><a class="dropdown-item" href="../../docs/blocks/about.html">
|
|
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block1.svg" alt=""></div>
|
|
<span>About</span>
|
|
</a>
|
|
</li>
|
|
<li class="col"><a class="dropdown-item" href="../../docs/blocks/blog.html">
|
|
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block2.svg" alt=""></div>
|
|
<span>Blog</span>
|
|
</a>
|
|
</li>
|
|
<li class="col"><a class="dropdown-item" href="../../docs/blocks/call-to-action.html">
|
|
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block3.svg" alt=""></div>
|
|
<span>Call to Action</span>
|
|
</a>
|
|
</li>
|
|
<li class="col"><a class="dropdown-item" href="../../docs/blocks/clients.html">
|
|
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block4.svg" alt=""></div>
|
|
<span>Clients</span>
|
|
</a>
|
|
</li>
|
|
<li class="col"><a class="dropdown-item" href="../../docs/blocks/contact.html">
|
|
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block5.svg" alt=""></div>
|
|
<span>Contact</span>
|
|
</a>
|
|
</li>
|
|
<li class="col"><a class="dropdown-item" href="../../docs/blocks/facts.html">
|
|
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block6.svg" alt=""></div>
|
|
<span>Facts</span>
|
|
</a>
|
|
</li>
|
|
<li class="col"><a class="dropdown-item" href="../../docs/blocks/faq.html">
|
|
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block7.svg" alt=""></div>
|
|
<span>FAQ</span>
|
|
</a>
|
|
</li>
|
|
<li class="col"><a class="dropdown-item" href="../../docs/blocks/features.html">
|
|
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block8.svg" alt=""></div>
|
|
<span>Features</span>
|
|
</a>
|
|
</li>
|
|
<li class="col"><a class="dropdown-item" href="../../docs/blocks/footer.html">
|
|
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block9.svg" alt=""></div>
|
|
<span>Footer</span>
|
|
</a>
|
|
</li>
|
|
<li class="col"><a class="dropdown-item" href="../../docs/blocks/hero.html">
|
|
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block10.svg" alt=""></div>
|
|
<span>Hero</span>
|
|
</a>
|
|
</li>
|
|
<li class="col"><a class="dropdown-item" href="../../docs/blocks/misc.html">
|
|
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block17.svg" alt=""></div>
|
|
<span>Misc</span>
|
|
</a>
|
|
</li>
|
|
<li class="col"><a class="dropdown-item" href="../../docs/blocks/navbar.html">
|
|
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block11.svg" alt=""></div>
|
|
<span>Navbar</span>
|
|
</a>
|
|
</li>
|
|
<li class="col"><a class="dropdown-item" href="../../docs/blocks/portfolio.html">
|
|
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block12.svg" alt=""></div>
|
|
<span>Portfolio</span>
|
|
</a>
|
|
</li>
|
|
<li class="col"><a class="dropdown-item" href="../../docs/blocks/pricing.html">
|
|
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block13.svg" alt=""></div>
|
|
<span>Pricing</span>
|
|
</a>
|
|
</li>
|
|
<li class="col"><a class="dropdown-item" href="../../docs/blocks/process.html">
|
|
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block14.svg" alt=""></div>
|
|
<span>Process</span>
|
|
</a>
|
|
</li>
|
|
<li class="col"><a class="dropdown-item" href="../../docs/blocks/team.html">
|
|
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block15.svg" alt=""></div>
|
|
<span>Team</span>
|
|
</a>
|
|
</li>
|
|
<li class="col"><a class="dropdown-item" href="../../docs/blocks/testimonials.html">
|
|
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block16.svg" alt=""></div>
|
|
<span>Testimonials</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<!--/.row -->
|
|
</li>
|
|
<!--/.mega-menu-content-->
|
|
</ul>
|
|
<!--/.dropdown-menu -->
|
|
</li>
|
|
<li class="nav-item dropdown dropdown-mega">
|
|
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>
|
|
<ul class="dropdown-menu mega-menu">
|
|
<li class="mega-menu-content">
|
|
<div class="row gx-0 gx-lg-3">
|
|
<div class="col-lg-4">
|
|
<h6 class="dropdown-header">Usage</h6>
|
|
<ul class="list-unstyled cc-2 pb-lg-1">
|
|
<li><a class="dropdown-item" href="../../docs/index.html">Get Started</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/forms.html">Forms</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/faq.html">FAQ</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/changelog.html">Changelog</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/credits.html">Credits</a></li>
|
|
</ul>
|
|
<h6 class="dropdown-header mt-lg-6">Styleguide</h6>
|
|
<ul class="list-unstyled cc-2">
|
|
<li><a class="dropdown-item" href="../../docs/styleguide/colors.html">Colors</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/styleguide/fonts.html">Fonts</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/styleguide/icons-svg.html">SVG Icons</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/styleguide/icons-font.html">Font Icons</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/styleguide/illustrations.html">Illustrations</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/styleguide/backgrounds.html">Backgrounds</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/styleguide/misc.html">Misc</a></li>
|
|
</ul>
|
|
</div>
|
|
<!--/column -->
|
|
<div class="col-lg-8">
|
|
<h6 class="dropdown-header">Elements</h6>
|
|
<ul class="list-unstyled cc-3">
|
|
<li><a class="dropdown-item" href="../../docs/elements/accordion.html">Accordion</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/alerts.html">Alerts</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/animations.html">Animations</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/avatars.html">Avatars</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/background.html">Background</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/badges.html">Badges</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/buttons.html">Buttons</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/card.html">Card</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/carousel.html">Carousel</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/dividers.html">Dividers</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/form-elements.html">Form Elements</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/image-hover.html">Image Hover</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/image-mask.html">Image Mask</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/lightbox.html">Lightbox</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/player.html">Media Player</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/modal.html">Modal</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/pagination.html">Pagination</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/progressbar.html">Progressbar</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/shadows.html">Shadows</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/shapes.html">Shapes</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/tables.html">Tables</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/tabs.html">Tabs</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/text-animations.html">Text Animations</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/text-highlight.html">Text Highlight</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/tiles.html">Tiles</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>
|
|
<li><a class="dropdown-item" href="../../docs/elements/typography.html">Typography</a></li>
|
|
</ul>
|
|
</div>
|
|
<!--/column -->
|
|
</div>
|
|
<!--/.row -->
|
|
</li>
|
|
<!--/.mega-menu-content-->
|
|
</ul>
|
|
<!--/.dropdown-menu -->
|
|
</li>
|
|
</ul>
|
|
<!-- /.navbar-nav -->
|
|
<div class="offcanvas-footer d-lg-none">
|
|
<div>
|
|
<a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>
|
|
<br /> 00 (123) 456 78 90 <br />
|
|
<nav class="nav social social-white mt-4">
|
|
<a href="#"><i class="uil uil-twitter"></i></a>
|
|
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
|
<a href="#"><i class="uil uil-dribbble"></i></a>
|
|
<a href="#"><i class="uil uil-instagram"></i></a>
|
|
<a href="#"><i class="uil uil-youtube"></i></a>
|
|
</nav>
|
|
<!-- /.social -->
|
|
</div>
|
|
</div>
|
|
<!-- /.offcanvas-footer -->
|
|
</div>
|
|
<!-- /.offcanvas-body -->
|
|
</div>
|
|
<!-- /.navbar-collapse -->
|
|
<div class="navbar-other w-100 d-flex ms-auto">
|
|
<ul class="navbar-nav flex-row align-items-center ms-auto">
|
|
<li class="nav-item dropdown language-select text-uppercase">
|
|
<a class="nav-link dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">En</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="nav-item"><a class="dropdown-item" href="#">En</a></li>
|
|
<li class="nav-item"><a class="dropdown-item" href="#">De</a></li>
|
|
<li class="nav-item"><a class="dropdown-item" href="#">Es</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item d-none d-md-block">
|
|
<a href="../../contact.html" class="btn btn-sm btn-primary rounded-pill">Contact</a>
|
|
</li>
|
|
<li class="nav-item d-lg-none">
|
|
<button class="hamburger offcanvas-nav-btn"><span></span></button>
|
|
</li>
|
|
</ul>
|
|
<!-- /.navbar-nav -->
|
|
</div>
|
|
<!-- /.navbar-other -->
|
|
</div>
|
|
<!-- /.container -->
|
|
</nav>
|
|
<!-- /.navbar -->
|
|
</header>
|
|
<!-- /header -->
|
|
<section class="wrapper bg-soft-primary">
|
|
<div class="container pt-10 pb-12 pt-md-14 pb-md-16 text-center">
|
|
<div class="row">
|
|
<div class="col-md-10 col-lg-8 col-xl-7 col-xxl-6 mx-auto">
|
|
<h1 class="display-1 mb-3">SVG Icons</h1>
|
|
<p class="lead px-md-3 px-lg-5 px-xl-8 px-xxl-7">Below you can find the list of all SVG icons included in Sandbox. Copy their codes easily with the copy buttons.</p>
|
|
</div>
|
|
<!-- /column -->
|
|
</div>
|
|
<!-- /.row -->
|
|
</div>
|
|
<!-- /.container -->
|
|
</section>
|
|
<!-- /section -->
|
|
<div class="container">
|
|
<div class="row">
|
|
<aside class="col-xl-2 sidebar doc-sidebar mt-md-0 py-16 d-none d-xl-block">
|
|
<div class="widget pb-3">
|
|
<h6 class="widget-title fs-17 mb-2">Usage</h6>
|
|
<nav id="collapse-usage">
|
|
<ul class="list-unstyled fs-sm lh-sm text-reset">
|
|
<li><a href="../../docs/index.html">Get Started</a></li>
|
|
<li><a href="../../docs/forms.html">Forms</a></li>
|
|
<li><a href="../../docs/faq.html">FAQ</a></li>
|
|
<li><a href="../../docs/changelog.html">Changelog</a></li>
|
|
<li><a href="../../docs/credits.html">Credits</a></li>
|
|
</ul>
|
|
</nav>
|
|
<!-- /nav -->
|
|
</div>
|
|
<!-- /.widget -->
|
|
<div class="widget pb-3">
|
|
<h6 class="widget-title fs-17 mb-2">Styleguide</h6>
|
|
<nav id="collapse-style">
|
|
<ul class="list-unstyled fs-sm lh-sm text-reset">
|
|
<li><a href="../../docs/styleguide/colors.html">Colors</a></li>
|
|
<li><a href="../../docs/styleguide/fonts.html">Fonts</a></li>
|
|
<li><a href="../../docs/styleguide/icons-svg.html" class="active">SVG Icons</a></li>
|
|
<li><a href="../../docs/styleguide/icons-font.html">Font Icons</a></li>
|
|
<li><a href="../../docs/styleguide/illustrations.html">Illustrations</a></li>
|
|
<li><a href="../../docs/styleguide/backgrounds.html">Backgrounds</a></li>
|
|
<li><a href="../../docs/styleguide/misc.html">Misc</a></li>
|
|
</ul>
|
|
</nav>
|
|
<!-- /nav -->
|
|
</div>
|
|
<!-- /.widget -->
|
|
<div class="widget pb-3">
|
|
<h6 class="widget-title fs-17 mb-2">Elements</h6>
|
|
<nav id="collapse-elements">
|
|
<ul class="list-unstyled fs-sm lh-sm text-reset">
|
|
<li><a href="../../docs/elements/accordion.html">Accordion</a></li>
|
|
<li><a href="../../docs/elements/alerts.html">Alerts</a></li>
|
|
<li><a href="../../docs/elements/animations.html">Animations</a></li>
|
|
<li><a href="../../docs/elements/avatars.html">Avatars</a></li>
|
|
<li><a href="../../docs/elements/background.html">Background</a></li>
|
|
<li><a href="../../docs/elements/badges.html">Badges</a></li>
|
|
<li><a href="../../docs/elements/buttons.html">Buttons</a></li>
|
|
<li><a href="../../docs/elements/card.html">Card</a></li>
|
|
<li><a href="../../docs/elements/carousel.html">Carousel</a></li>
|
|
<li><a href="../../docs/elements/dividers.html">Dividers</a></li>
|
|
<li><a href="../../docs/elements/form-elements.html">Form Elements</a></li>
|
|
<li><a href="../../docs/elements/image-hover.html">Image Hover</a></li>
|
|
<li><a href="../../docs/elements/image-mask.html">Image Mask</a></li>
|
|
<li><a href="../../docs/elements/lightbox.html">Lightbox</a></li>
|
|
<li><a href="../../docs/elements/player.html">Media Player</a></li>
|
|
<li><a href="../../docs/elements/modal.html">Modal</a></li>
|
|
<li><a href="../../docs/elements/pagination.html">Pagination</a></li>
|
|
<li><a href="../../docs/elements/progressbar.html">Progressbar</a></li>
|
|
<li><a href="../../docs/elements/shadows.html">Shadows</a></li>
|
|
<li><a href="../../docs/elements/shapes.html">Shapes</a></li>
|
|
<li><a href="../../docs/elements/tables.html">Tables</a></li>
|
|
<li><a href="../../docs/elements/tabs.html">Tabs</a></li>
|
|
<li><a href="../../docs/elements/text-animations.html">Text Animations</a></li>
|
|
<li><a href="../../docs/elements/text-highlight.html">Text Highlight</a></li>
|
|
<li><a href="../../docs/elements/tiles.html">Tiles</a></li>
|
|
<li><a href="../../docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>
|
|
<li><a href="../../docs/elements/typography.html">Typography</a></li>
|
|
</ul>
|
|
</nav>
|
|
<!-- /nav -->
|
|
</div>
|
|
<!-- /.widget -->
|
|
</aside>
|
|
<!-- /column -->
|
|
<aside class="col-xl-2 order-xl-3 sidebar sticky-sidebar mt-md-0 py-16 d-none d-xl-block">
|
|
<div class="widget">
|
|
<h6 class="widget-title fs-17 mb-2 ps-xl-5">On this page</h6>
|
|
<nav class="ps-xl-5" id="sidebar-nav">
|
|
<ul class="list-unstyled fs-sm lh-sm text-reset">
|
|
<li><a class="nav-link scroll active" href="#snippet-1">Lineal</a>
|
|
<ul class="list-unstyled pt-2 ps-2 fs-sm lh-sm text-reset">
|
|
<li><a class="nav-link scroll" href="#snippet-1-1">Colors</a></li>
|
|
<li><a class="nav-link scroll" href="#snippet-1-2">Sizes</a></li>
|
|
<li><a class="nav-link scroll" href="#snippet-1-3">Icons</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a class="nav-link scroll" href="#snippet-2">Solid Mono</a>
|
|
<ul class="list-unstyled pt-2 ps-2 fs-sm lh-sm text-reset">
|
|
<li><a class="nav-link scroll" href="#snippet-2-1">Colors</a></li>
|
|
<li><a class="nav-link scroll" href="#snippet-2-2">Sizes</a></li>
|
|
<li><a class="nav-link scroll" href="#snippet-2-3">Icons</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a class="nav-link scroll" href="#snippet-3">Solid Duo</a>
|
|
<ul class="list-unstyled pt-2 ps-2 fs-sm lh-sm text-reset">
|
|
<li><a class="nav-link scroll" href="#snippet-3-1">Colors</a></li>
|
|
<li><a class="nav-link scroll" href="#snippet-3-2">Sizes</a></li>
|
|
<li><a class="nav-link scroll" href="#snippet-3-3">Icons</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a class="nav-link scroll" href="#snippet-4">Solid</a>
|
|
<ul class="list-unstyled pt-2 ps-2 fs-sm lh-sm text-reset">
|
|
<li><a class="nav-link scroll" href="#snippet-4-1">Colors</a></li>
|
|
<li><a class="nav-link scroll" href="#snippet-4-2">Sizes</a></li>
|
|
<li><a class="nav-link scroll" href="#snippet-4-3">Icons</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<!-- /nav -->
|
|
</div>
|
|
<!-- /.widget -->
|
|
</aside>
|
|
<!-- /column -->
|
|
<div class="col-xl-8 order-xl-2">
|
|
<section id="snippet-1" class="wrapper pt-16">
|
|
<h2 class="display-5 mb-3">Lineal</h2>
|
|
<p class="lead mb-8">Below you can find the list of all lineal SVG icons with their code snippets. All these retina-ready icons can easily be styled by color and size. To reach the resource of this set visit <a href="https://www.flaticon.com/authors/monochrome/yellow" target="_blank" class="hover more">Flaticon</a></p>
|
|
<section id="snippet-1-1">
|
|
<h2 class="mb-5 mt-n15 pt-15 zindex-n">Colors</h2>
|
|
<div class="card mb-12">
|
|
<div class="card-body">
|
|
<div class="row gy-8 text-center">
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/lineal/printer.svg" class="svg-inject icon-svg icon-svg-xs text-primary mx-2" alt="" />
|
|
<img src="../../assets/img/icons/lineal/rocket.svg" class="svg-inject icon-svg icon-svg-xs text-primary mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-primary</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/lineal/printer.svg" class="svg-inject icon-svg icon-svg-xs text-aqua mx-2" alt="" />
|
|
<img src="../../assets/img/icons/lineal/rocket.svg" class="svg-inject icon-svg icon-svg-xs text-aqua mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-aqua</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/lineal/printer.svg" class="svg-inject icon-svg icon-svg-xs text-green mx-2" alt="" />
|
|
<img src="../../assets/img/icons/lineal/rocket.svg" class="svg-inject icon-svg icon-svg-xs text-green mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-green</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/lineal/printer.svg" class="svg-inject icon-svg icon-svg-xs text-leaf mx-2" alt="" />
|
|
<img src="../../assets/img/icons/lineal/rocket.svg" class="svg-inject icon-svg icon-svg-xs text-leaf mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-leaf</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/lineal/printer.svg" class="svg-inject icon-svg icon-svg-xs text-navy mx-2" alt="" />
|
|
<img src="../../assets/img/icons/lineal/rocket.svg" class="svg-inject icon-svg icon-svg-xs text-navy mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-navy</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/lineal/printer.svg" class="svg-inject icon-svg icon-svg-xs text-orange mx-2" alt="" />
|
|
<img src="../../assets/img/icons/lineal/rocket.svg" class="svg-inject icon-svg icon-svg-xs text-orange mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-orange</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/lineal/printer.svg" class="svg-inject icon-svg icon-svg-xs text-pink mx-2" alt="" />
|
|
<img src="../../assets/img/icons/lineal/rocket.svg" class="svg-inject icon-svg icon-svg-xs text-pink mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-pink</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/lineal/printer.svg" class="svg-inject icon-svg icon-svg-xs text-purple mx-2" alt="" />
|
|
<img src="../../assets/img/icons/lineal/rocket.svg" class="svg-inject icon-svg icon-svg-xs text-purple mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-purple</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/lineal/printer.svg" class="svg-inject icon-svg icon-svg-xs text-red mx-2" alt="" />
|
|
<img src="../../assets/img/icons/lineal/rocket.svg" class="svg-inject icon-svg icon-svg-xs text-red mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-red</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/lineal/printer.svg" class="svg-inject icon-svg icon-svg-xs text-violet mx-2" alt="" />
|
|
<img src="../../assets/img/icons/lineal/rocket.svg" class="svg-inject icon-svg icon-svg-xs text-violet mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-violet</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/lineal/printer.svg" class="svg-inject icon-svg icon-svg-xs text-yellow mx-2" alt="" />
|
|
<img src="../../assets/img/icons/lineal/rocket.svg" class="svg-inject icon-svg icon-svg-xs text-yellow mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-yellow</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/lineal/printer.svg" class="svg-inject icon-svg icon-svg-xs text-blue mx-2" alt="" />
|
|
<img src="../../assets/img/icons/lineal/rocket.svg" class="svg-inject icon-svg icon-svg-xs text-blue mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-blue</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/lineal/printer.svg" class="svg-inject icon-svg icon-svg-xs text-fuchsia mx-2" alt="" />
|
|
<img src="../../assets/img/icons/lineal/rocket.svg" class="svg-inject icon-svg icon-svg-xs text-fuchsia mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-fuchsia</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/lineal/printer.svg" class="svg-inject icon-svg icon-svg-xs text-sky mx-2" alt="" />
|
|
<img src="../../assets/img/icons/lineal/rocket.svg" class="svg-inject icon-svg icon-svg-xs text-sky mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-sky</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/lineal/printer.svg" class="svg-inject icon-svg icon-svg-xs text-grape mx-2" alt="" />
|
|
<img src="../../assets/img/icons/lineal/rocket.svg" class="svg-inject icon-svg icon-svg-xs text-grape mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-grape</code>
|
|
</div>
|
|
<!-- /column -->
|
|
</div>
|
|
<!-- /.row -->
|
|
</div>
|
|
<!--/.card-body -->
|
|
</div>
|
|
<!--/.card -->
|
|
</section>
|
|
<section id="snippet-1-2">
|
|
<h2 class="mb-5 mt-n15 pt-15 zindex-n">Sizes</h2>
|
|
<div class="card mb-12">
|
|
<div class="card-body">
|
|
<div class="row gy-8 text-center d-flex align-items-end">
|
|
<div class="col-6 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/lineal/printer.svg" class="svg-inject icon-svg icon-svg-lg text-blue mx-2" alt="" />
|
|
<img src="../../assets/img/icons/lineal/rocket.svg" class="svg-inject icon-svg icon-svg-lg text-blue mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">icon-svg-lg</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/lineal/printer.svg" class="svg-inject icon-svg icon-svg-md text-blue mx-2" alt="" />
|
|
<img src="../../assets/img/icons/lineal/rocket.svg" class="svg-inject icon-svg icon-svg-md text-blue mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">icon-svg-md</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/lineal/printer.svg" class="svg-inject icon-svg icon-svg-sm text-blue mx-2" alt="" />
|
|
<img src="../../assets/img/icons/lineal/rocket.svg" class="svg-inject icon-svg icon-svg-sm text-blue mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">icon-svg-sm</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/lineal/printer.svg" class="svg-inject icon-svg icon-svg-xs text-blue mx-2" alt="" />
|
|
<img src="../../assets/img/icons/lineal/rocket.svg" class="svg-inject icon-svg icon-svg-xs text-blue mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">icon-svg-xs</code>
|
|
</div>
|
|
<!-- /column -->
|
|
</div>
|
|
<!-- /.row -->
|
|
</div>
|
|
<!--/.card-body -->
|
|
</div>
|
|
<!--/.card -->
|
|
</section>
|
|
<section id="snippet-1-3">
|
|
<h2 class="mb-5 mt-n15 pt-15 zindex-n">Icons</h2>
|
|
<ul class="glyphs glyphs-svg row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6">
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/adjust.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>adjust</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/adjust.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/agenda.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>agenda</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/agenda.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/analytics.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>analytics</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/analytics.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/award.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>award</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/award.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/award-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>award-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/award-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/badge.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>badge</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/badge.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/balance.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>balance</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/balance.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/bar-chart.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>bar-chart</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/bar-chart.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/barcode.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>barcode</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/barcode.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/bell.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>bell</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/bell.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/box.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>box</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/box.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/briefcase.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>briefcase</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/briefcase.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/briefcase-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>briefcase-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/briefcase-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/browser.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>browser</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/browser.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/browser-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>browser-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/browser-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/brush.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>brush</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/brush.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/bucket.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>bucket</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/bucket.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/cake.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>cake</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/cake.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/calculator.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>calculator</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/calculator.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/calendar.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>calendar</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/calendar.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/certificate.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>certificate</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/certificate.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/chat.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>chat</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/chat.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/chat-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>chat-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/chat-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/check.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>check</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/check.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/check-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>check-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/check-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/check-list.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>check-list</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/check-list.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/clipboard.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>clipboard</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/clipboard.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/clock.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>clock</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/clock.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/clock-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>clock-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/clock-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/clock-3.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>clock-3</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/clock-3.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/cloud-computing.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>cloud-computing</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/cloud-computing.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/cloud-computing-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>cloud-computing-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/cloud-computing-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/cloud-computing-3.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>cloud-computing-3</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/cloud-computing-3.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/coffee-cup.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>coffee-cup</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/coffee-cup.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/coin.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>coin</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/coin.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/compass.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>compass</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/compass.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/computer.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>computer</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/computer.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/controller.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>controller</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/controller.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/controller-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>controller-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/controller-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/crayons.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>crayons</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/crayons.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/crop.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>crop</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/crop.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/design.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>design</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/design.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/directions.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>directions</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/directions.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/discount-tag.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>discount-tag</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/discount-tag.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/download.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>download</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/download.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/earth.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>earth</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/earth.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/edit-text.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>edit-text</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/edit-text.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/email.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>email</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/email.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/email-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>email-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/email-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/email-3.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>email-3</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/email-3.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/exchange.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>exchange</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/exchange.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/expand.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>expand</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/expand.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/fax.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>fax</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/fax.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/files.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>files</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/files.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/fullscreen.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>fullscreen</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/fullscreen.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/geolocalization.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>geolocalization</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/geolocalization.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/gift.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>gift</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/gift.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/group-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>group-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/group-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/growth.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>growth</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/growth.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/handshake.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>handshake</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/handshake.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/headphone.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>headphone</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/headphone.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/headphone-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>headphone-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/headphone-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/heart.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>heart</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/heart.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/home.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>home</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/home.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/hourglass.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>hourglass</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/hourglass.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/house.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>house</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/house.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/id-card.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>id-card</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/id-card.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/insurance.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>insurance</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/insurance.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/invoice.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>invoice</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/invoice.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/laptop.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>laptop</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/laptop.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/levels.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>levels</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/levels.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/light-bulb.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>light-bulb</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/light-bulb.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/link.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>link</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/link.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/list.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>list</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/list.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/loading.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>loading</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/loading.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/lock.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>lock</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/lock.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/login.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>login</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/login.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/logout.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>logout</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/logout.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/loss.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>loss</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/loss.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/loyalty.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>loyalty</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/loyalty.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/map.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>map</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/map.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/maximize.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>maximize</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/maximize.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/medal.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>medal</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/medal.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/meeting.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>meeting</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/meeting.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/megaphone.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>megaphone</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/megaphone.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/menu.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>menu</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/menu.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/microphone.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>microphone</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/microphone.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/minimize.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>minimize</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/minimize.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/money.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>money</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/money.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/music.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>music</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/music.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/networking.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>networking</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/networking.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/networking-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>networking-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/networking-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/open.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>open</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/open.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/padlock.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>padlock</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/padlock.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/paint-roller.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>paint-roller</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/paint-roller.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/paper-plane.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>paper-plane</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/paper-plane.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/paper.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>paper</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/paper.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/password.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>password</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/password.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/photo-camera.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>photo-camera</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/photo-camera.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/picture.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>picture</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/picture.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/pictures.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>pictures</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/pictures.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/pie-chart.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>pie-chart</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/pie-chart.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/pie-chart-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>pie-chart-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/pie-chart-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/pin.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>pin</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/pin.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/pin-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>pin-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/pin-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/plan.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>plan</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/plan.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/price-tag.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>price-tag</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/price-tag.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/printer.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>printer</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/printer.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/profits.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>profits</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/profits.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/puzzle.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>puzzle</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/puzzle.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/puzzle-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>puzzle-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/puzzle-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/ranking.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>ranking</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/ranking.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/refresh.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>refresh</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/refresh.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/rocket.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>rocket</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/rocket.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/savings.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>savings</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/savings.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/scale.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>scale</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/scale.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/scroll.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>scroll</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/scroll.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/scroll-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>scroll-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/scroll-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/search.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>search</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/search.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/search-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>search-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/search-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/server.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>server</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/server.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/settings.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>settings</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/settings.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/settings-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>settings-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/settings-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/settings-3.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>settings-3</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/settings-3.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/shield.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>shield</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/shield.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/shield-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>shield-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/shield-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/shop.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>shop</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/shop.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/shop-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>shop-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/shop-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/shope-3.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>shope-3</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/shope-3.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/shopping-basket.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>shopping-basket</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/shopping-basket.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/shopping-cart.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>shopping-cart</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/shopping-cart.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/show.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>show</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/show.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/sitemap.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>sitemap</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/sitemap.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/smartphone.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>smartphone</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/smartphone.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/smartphone-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>smartphone-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/smartphone-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/smartphone-3.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>smartphone-3</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/smartphone-3.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/smartphone-4.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>smartphone-4</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/smartphone-4.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/smartwatch.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>smartwatch</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/smartwatch.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/speedometer.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>speedometer</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/speedometer.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/square.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>square</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/square.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/stars.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>stars</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/stars.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/startup.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>startup</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/startup.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/statistics.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>statistics</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/statistics.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/sticker.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>sticker</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/sticker.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/target.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>target</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/target.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/target-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>target-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/target-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/team.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>team</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/team.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/telemarketer.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>telemarketer</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/telemarketer.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/telephone.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>telephone</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/telephone.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/telephone-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>telephone-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/telephone-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/telephone-3.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>telephone-3</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/telephone-3.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/television.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>television</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/television.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/tie.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>tie</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/tie.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/tools.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>tools</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/tools.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/touch-screen.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>touch-screen</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/touch-screen.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/truck.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>truck</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/truck.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/upload.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>upload</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/upload.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/user.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>user</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/user.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/video.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>video</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/video.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/video-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>video-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/video-2.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/video-camera.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>video-camera</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/video-camera.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/video-editing.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>video-editing</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/video-editing.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/wallet.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>wallet</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/wallet.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/watercolor.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>watercolor</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/watercolor.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/web.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>web</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/web.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/lineal/workflow.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />
|
|
<span>workflow</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/lineal/workflow.svg" class="svg-inject icon-svg icon-svg-sm text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
</section>
|
|
<section id="snippet-2" class="wrapper pt-16">
|
|
<h2 class="display-5 mb-3">Solid Mono</h2>
|
|
<p class="lead mb-8">Below you can find the list of all solid mono SVG icons with their code snippets. All these retina-ready icons can easily be styled by color and size. To reach the resource of this set visit <a href="https://www.flaticon.com/authors/pixel-perfect/tritone" target="_blank" class="hover more">Flaticon</a></p>
|
|
<section id="snippet-2-1">
|
|
<h2 class="mb-5 mt-n15 pt-15 zindex-n">Colors</h2>
|
|
<div class="card mb-12">
|
|
<div class="card-body">
|
|
<div class="row gy-8 text-center">
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-primary</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-aqua mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-aqua mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-aqua</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-green mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-green mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-green</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-leaf mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-leaf mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-leaf</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-navy mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-navy mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-navy</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-orange mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-orange mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-orange</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-pink mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-pink mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-pink</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-purple mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-purple mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-purple</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-red mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-red mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-red</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-violet mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-violet mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-violet</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-yellow mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-yellow mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-yellow</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-blue mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-blue mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-blue</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-fuchsia mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-fuchsia mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-fuchsia</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-sky mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-sky mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-sky</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-grape mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-grape mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-grape</code>
|
|
</div>
|
|
<!-- /column -->
|
|
</div>
|
|
<!-- /.row -->
|
|
</div>
|
|
<!--/.card-body -->
|
|
</div>
|
|
<!--/.card -->
|
|
</section>
|
|
<section id="snippet-2-2">
|
|
<h2 class="mb-5 mt-n15 pt-15 zindex-n">Sizes</h2>
|
|
<div class="card mb-12">
|
|
<div class="card-body">
|
|
<div class="row gy-8 text-center d-flex align-items-end">
|
|
<div class="col-6 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-lg solid-mono text-primary mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">icon-svg-lg</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-md solid-mono text-primary mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">icon-svg-md</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-sm solid-mono text-primary mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">icon-svg-sm</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">icon-svg-xs</code>
|
|
</div>
|
|
<!-- /column -->
|
|
</div>
|
|
<!-- /.row -->
|
|
</div>
|
|
<!--/.card-body -->
|
|
</div>
|
|
<!--/.card -->
|
|
</section>
|
|
<section id="snippet-2-3">
|
|
<h2 class="mb-5 mt-n15 pt-15 zindex-n">Icons</h2>
|
|
<ul class="glyphs glyphs-svg row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6">
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/3d.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>3d</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/3d.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/alarm.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>alarm</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/alarm.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/audience.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>audience</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/audience.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/badge.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>badge</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/badge.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/bar-chart.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>bar-chart</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/bar-chart.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/bar-chart-2.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>bar-chart-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/bar-chart-2.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/bell.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>bell</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/bell.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/briefcase.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>briefcase</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/briefcase.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/bucket.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>bucket</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/bucket.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/building.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>building</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/building.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/bulb.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>bulb</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/bulb.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/bullhorn.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>bullhorn</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/bullhorn.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/calendar.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>calendar</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/calendar.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/camera.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>camera</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/camera.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/chatting.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>chatting</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/chatting.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/chatting-2.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>chatting-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/chatting-2.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/checked.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>checked</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/checked.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/clipboard.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>clipboard</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/clipboard.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/cloud-download.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>cloud-download</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/cloud-download.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/cloud-group.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>cloud-group</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/cloud-group.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/cloud-network.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>cloud-network</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/cloud-network.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/cloud-network-2.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>cloud-network-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/cloud-network-2.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/cloud-transfer.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>cloud-transfer</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/cloud-transfer.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/code.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>code</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/code.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/coffee-cup.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>coffee-cup</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/coffee-cup.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/coin.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>coin</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/coin.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/coin-decrease.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>coin-decrease</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/coin-decrease.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/coin-lock.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>coin-lock</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/coin-lock.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/coin-reload.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>coin-reload</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/coin-reload.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/coin-rise.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>coin-rise</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/coin-rise.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/compare.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>compare</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/compare.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/computer.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>computer</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/computer.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/conference.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>conference</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/conference.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/content.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>content</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/content.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/controls-2.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>controls-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/controls-2.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/controls.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>controls</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/controls.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/crop.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>crop</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/crop.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/crosshair.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>crosshair</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/crosshair.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/currency.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>currency</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/currency.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/deal.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>deal</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/deal.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/delivery-box.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>delivery-box</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/delivery-box.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/devices.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>devices</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/devices.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/director.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>director</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/director.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/discussion.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>discussion</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/discussion.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/dot.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>dot</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/dot.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/double-click.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>double-click</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/double-click.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/e-commerce.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>e-commerce</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/e-commerce.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/edit.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>edit</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/edit.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/edit-2.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>edit-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/edit-2.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/email-2.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>email-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/email-2.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/emails.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>emails</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/emails.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/employees.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>employees</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/employees.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/feather.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>feather</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/feather.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/gamepad.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>gamepad</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/gamepad.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/gears.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>gears</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/gears.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/globe-2.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>globe-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/globe-2.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/headphone.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>headphone</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/headphone.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/health-insurance.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>health-insurance</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/health-insurance.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/image.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>image</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/image.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/images.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>images</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/images.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/infographic.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>infographic</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/infographic.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/lamp.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>lamp</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/lamp.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/layers.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>layers</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/layers.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/layout-2.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>layout-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/layout-2.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/layout-3.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>layout-3</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/layout-3.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/layout.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>layout</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/layout.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/like.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>like</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/like.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/link.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>link</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/link.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/list.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>list</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/list.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/lock.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>lock</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/lock.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/love.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>love</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/love.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/marker.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>marker</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/marker.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/mask.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>mask</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/mask.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/medal.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>medal</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/medal.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/monitor.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>monitor</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/monitor.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/navigation.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>navigation</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/navigation.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/network.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>network</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/network.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/note.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>note</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/note.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/paint.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>paint</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/paint.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/paper-plane.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>paper-plane</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/paper-plane.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/partnership.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>partnership</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/partnership.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/pen-tool.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>pen-tool</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/pen-tool.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/pie-chart.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>pie-chart</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/pie-chart.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/pin.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>pin</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/pin.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/plane.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>plane</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/plane.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/price-tag.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>price-tag</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/price-tag.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>printer</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/push-cart.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>push-cart</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/push-cart.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/puzzle.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>puzzle</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/puzzle.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>rocket</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/roller.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>roller</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/roller.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/rotary.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>rotary</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/rotary.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/safe.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>safe</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/safe.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/script.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>script</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/script.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/search.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>search</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/search.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/secure.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>secure</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/secure.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/selected.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>selected</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/selected.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/seo-2.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>seo-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/seo-2.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/seo.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>seo</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/seo.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/server.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>server</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/server.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/setting.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>setting</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/setting.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/share.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>share</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/share.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/sharing.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>sharing</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/sharing.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/shipment.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>shipment</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/shipment.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/shopping-bag.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>shopping-bag</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/shopping-bag.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/shopping-basket.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>shopping-basket</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/shopping-basket.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/shopping-cart.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>shopping-cart</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/shopping-cart.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/smartphone.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>smartphone</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/smartphone.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/supermarket.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>supermarket</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/supermarket.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/synchronize.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>synchronize</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/synchronize.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/team.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>team</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/team.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/target.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>target</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/target.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/toggle.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>toggle</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/toggle.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/touchscreen.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>touchscreen</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/touchscreen.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/transfer.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>transfer</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/transfer.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/travel-insurance.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>travel-insurance</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/travel-insurance.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/tv-screen.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>tv-screen</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/tv-screen.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/verify.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>verify</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/verify.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/video-chat.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>video-chat</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/video-chat.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/video-player.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>video-player</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/video-player.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/videocall.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>videocall</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/videocall.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/videocall-2.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>videocall-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/videocall-2.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/wallet.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>wallet</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/wallet.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/web-browser.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>web-browser</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/web-browser.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/web-programming.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />
|
|
<span>web-programming</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/web-programming.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-primary" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
</section>
|
|
<section id="snippet-3" class="wrapper pt-16">
|
|
<h2 class="display-5 mb-3">Solid Duo</h2>
|
|
<p class="lead mb-8">Below you can find the list of all solid duo SVG icons with their code snippets. All these retina-ready icons can easily be styled by color and size. To reach the resource of this set visit <a href="https://www.flaticon.com/authors/pixel-perfect/tritone" target="_blank" class="hover more">Flaticon</a></p>
|
|
<section id="snippet-3-1">
|
|
<h2 class="mb-5 mt-n15 pt-15 zindex-n">Colors</h2>
|
|
<div class="card mb-12">
|
|
<div class="card-body">
|
|
<div class="row gy-8 text-center">
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-green-fuchsia mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-green-fuchsia mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-green-fuchsia</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-purple-aqua mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-purple-aqua mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-purple-aqua</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-blue-pink mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-blue-pink mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-blue-pink</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-green mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-green mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-navy-green</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-grape-green mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-grape-green mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-grape-green</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-green-red mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-green-red mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-green-red</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-grape-yellow mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-grape-yellow mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-grape-yellow</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-purple-pink mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-purple-pink mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-purple-pink</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-red-yellow mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-red-yellow mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-red-yellow</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-grape-fuchsia mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-grape-fuchsia mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-grape-fuchsia</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-sky-pink mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-sky-pink mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-sky-pink</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky mx-2" alt="" />
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">text-navy-sky</code>
|
|
</div>
|
|
<!-- /column -->
|
|
</div>
|
|
<!-- /.row -->
|
|
</div>
|
|
<!--/.card-body -->
|
|
</div>
|
|
<!--/.card -->
|
|
</section>
|
|
<section id="snippet-3-2">
|
|
<h2 class="mb-5 mt-n15 pt-15 zindex-n">Sizes</h2>
|
|
<div class="card mb-12">
|
|
<div class="card-body">
|
|
<div class="row gy-8 text-center d-flex align-items-end">
|
|
<div class="col-6 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-lg solid-duo text-navy-sky mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">icon-svg-lg</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-md solid-duo text-navy-sky mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">icon-svg-md</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-navy-sky mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">icon-svg-sm</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-lg-3">
|
|
<div>
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky mx-2" alt="" />
|
|
</div>
|
|
<code class="code text-nowrap mt-4">icon-svg-xs</code>
|
|
</div>
|
|
<!-- /column -->
|
|
</div>
|
|
<!-- /.row -->
|
|
</div>
|
|
<!--/.card-body -->
|
|
</div>
|
|
<!--/.card -->
|
|
</section>
|
|
<section id="snippet-3-3">
|
|
<h2 class="mb-5 mt-n15 pt-15 zindex-n">Icons</h2>
|
|
<ul class="glyphs glyphs-svg row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6">
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/3d.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>3d</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/3d.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/alarm.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>alarm</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/alarm.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/audience.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>audience</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/audience.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/badge.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>badge</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/badge.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/bar-chart.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>bar-chart</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/bar-chart.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/bar-chart-2.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>bar-chart-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/bar-chart-2.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/bell.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>bell</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/bell.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/briefcase.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>briefcase</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/briefcase.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/bucket.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>bucket</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/bucket.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/building.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>building</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/building.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/bulb.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>bulb</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/bulb.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/bullhorn.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>bullhorn</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/bullhorn.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/calendar.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>calendar</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/calendar.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/camera.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>camera</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/camera.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/chatting.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>chatting</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/chatting.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/chatting-2.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>chatting-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/chatting-2.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/checked.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>checked</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/checked.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/clipboard.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>clipboard</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/clipboard.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/cloud-download.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>cloud-download</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/cloud-download.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/cloud-group.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>cloud-group</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/cloud-group.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/cloud-network.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>cloud-network</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/cloud-network.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/cloud-network-2.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>cloud-network-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/cloud-network-2.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/cloud-transfer.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>cloud-transfer</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/cloud-transfer.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/code.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>code</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/code.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/coffee-cup.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>coffee-cup</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/coffee-cup.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/coin.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>coin</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/coin.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/coin-decrease.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>coin-decrease</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/coin-decrease.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/coin-lock.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>coin-lock</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/coin-lock.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/coin-reload.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>coin-reload</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/coin-reload.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/coin-rise.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>coin-rise</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/coin-rise.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/compare.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>compare</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/compare.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/computer.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>computer</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/computer.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/conference.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>conference</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/conference.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/content.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>content</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/content.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/controls-2.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>controls-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/controls-2.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/controls.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>controls</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/controls.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/crop.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>crop</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/crop.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/crosshair.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>crosshair</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/crosshair.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/currency.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>currency</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/currency.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/deal.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>deal</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/deal.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/delivery-box.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>delivery-box</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/delivery-box.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/devices.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>devices</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/devices.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/director.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>director</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/director.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/discussion.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>discussion</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/discussion.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/dot.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>dot</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/dot.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/double-click.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>double-click</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/double-click.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/e-commerce.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>e-commerce</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/e-commerce.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/edit.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>edit</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/edit.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/edit-2.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>edit-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/edit-2.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/email-2.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>email-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/email-2.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/emails.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>emails</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/emails.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/employees.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>employees</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/employees.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/feather.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>feather</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/feather.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/gamepad.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>gamepad</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/gamepad.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/gears.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>gears</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/gears.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/globe-2.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>globe-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/globe-2.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/headphone.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>headphone</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/headphone.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/health-insurance.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>health-insurance</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/health-insurance.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/image.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>image</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/image.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/images.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>images</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/images.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/infographic.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>infographic</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/infographic.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/lamp.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>lamp</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/lamp.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/layers.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>layers</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/layers.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/layout-2.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>layout-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/layout-2.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/layout-3.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>layout-3</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/layout-3.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/layout.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>layout</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/layout.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/like.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>like</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/like.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/link.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>link</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/link.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/list.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>list</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/list.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/lock.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>lock</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/lock.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/love.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>love</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/love.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/marker.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>marker</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/marker.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/mask.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>mask</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/mask.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/medal.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>medal</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/medal.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/monitor.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>monitor</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/monitor.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/navigation.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>navigation</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/navigation.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/network.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>network</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/network.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/note.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>note</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/note.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/paint.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>paint</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/paint.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/paper-plane.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>paper-plane</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/paper-plane.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/partnership.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>partnership</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/partnership.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/pen-tool.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>pen-tool</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/pen-tool.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/pie-chart.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>pie-chart</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/pie-chart.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/pin.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>pin</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/pin.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/plane.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>plane</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/plane.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/price-tag.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>price-tag</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/price-tag.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>printer</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/printer.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/push-cart.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>push-cart</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/push-cart.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/puzzle.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>puzzle</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/puzzle.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>rocket</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/roller.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>roller</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/roller.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/rotary.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>rotary</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/rotary.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/safe.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>safe</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/safe.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/script.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>script</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/script.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/search.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>search</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/search.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/secure.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>secure</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/secure.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/selected.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>selected</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/selected.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/seo-2.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>seo-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/seo-2.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/seo.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>seo</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/seo.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/server.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>server</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/server.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/setting.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>setting</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/setting.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/share.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>share</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/share.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/sharing.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>sharing</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/sharing.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/shipment.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>shipment</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/shipment.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/shopping-bag.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>shopping-bag</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/shopping-bag.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/shopping-basket.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>shopping-basket</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/shopping-basket.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/shopping-cart.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>shopping-cart</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/shopping-cart.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/smartphone.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>smartphone</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/smartphone.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/supermarket.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>supermarket</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/supermarket.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/synchronize.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>synchronize</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/synchronize.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/target.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>target</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/target.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/team.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>team</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/team.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/toggle.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>toggle</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/toggle.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/touchscreen.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>touchscreen</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/touchscreen.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/transfer.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>transfer</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/transfer.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/travel-insurance.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>travel-insurance</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/travel-insurance.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/tv-screen.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>tv-screen</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/tv-screen.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/verify.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>verify</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/verify.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/video-chat.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>video-chat</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/video-chat.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/video-player.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>video-player</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/video-player.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/videocall.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>videocall</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/videocall.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/videocall-2.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>videocall-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/videocall-2.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/wallet.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>wallet</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/wallet.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/web-browser.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>web-browser</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/web-browser.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<img src="../../assets/img/icons/solid/web-programming.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />
|
|
<span>web-programming</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<img src="./assets/img/icons/solid/web-programming.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-navy-sky" alt="" />">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
</section>
|
|
<section id="snippet-4" class="wrapper py-16">
|
|
<h2 class="display-5 mb-3">Solid</h2>
|
|
<p class="lead mb-8">Below you can find the list of all solid mono SVG icons with their code snippets. All these retina-ready icons can easily be styled by color and size. To reach the resource of this set visit <a href="https://www.flaticon.com/authors/pixel-perfect/tritone" target="_blank" class="hover more">Flaticon</a></p>
|
|
<section id="snippet-4-1">
|
|
<h2 class="mb-5 mt-n15 pt-15 zindex-n">Colors</h2>
|
|
<div class="card mb-12">
|
|
<div class="card-body">
|
|
<div class="row gy-8 text-center">
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<div class="svg-bg bg-pale-primary rounded-xl"><img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
<div class="svg-bg bg-pale-primary rounded-xl"><img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
</div>
|
|
<code class="code text-nowrap mt-4">bg-pale-primary</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<div class="svg-bg bg-pale-aqua rounded-xl"><img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
<div class="svg-bg bg-pale-aqua rounded-xl"><img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
</div>
|
|
<code class="code text-nowrap mt-4">bg-pale-aqua</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<div class="svg-bg bg-pale-green rounded-xl"><img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
<div class="svg-bg bg-pale-green rounded-xl"><img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
</div>
|
|
<code class="code text-nowrap mt-4">bg-pale-green</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<div class="svg-bg bg-pale-leaf rounded-xl"><img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
<div class="svg-bg bg-pale-leaf rounded-xl"><img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
</div>
|
|
<code class="code text-nowrap mt-4">bg-pale-leaf</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<div class="svg-bg bg-pale-navy rounded-xl"><img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
<div class="svg-bg bg-pale-navy rounded-xl"><img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
</div>
|
|
<code class="code text-nowrap mt-4">bg-pale-navy</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<div class="svg-bg bg-pale-orange rounded-xl"><img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
<div class="svg-bg bg-pale-orange rounded-xl"><img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
</div>
|
|
<code class="code text-nowrap mt-4">bg-pale-orange</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<div class="svg-bg bg-pale-pink rounded-xl"><img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
<div class="svg-bg bg-pale-pink rounded-xl"><img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
</div>
|
|
<code class="code text-nowrap mt-4">bg-pale-pink</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<div class="svg-bg bg-pale-purple rounded-xl"><img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
<div class="svg-bg bg-pale-purple rounded-xl"><img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
</div>
|
|
<code class="code text-nowrap mt-4">bg-pale-purple</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<div class="svg-bg bg-pale-red rounded-xl"><img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
<div class="svg-bg bg-pale-red rounded-xl"><img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
</div>
|
|
<code class="code text-nowrap mt-4">bg-pale-red</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<div class="svg-bg bg-pale-violet rounded-xl"><img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
<div class="svg-bg bg-pale-violet rounded-xl"><img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
</div>
|
|
<code class="code text-nowrap mt-4">bg-pale-violet</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<div class="svg-bg bg-pale-yellow rounded-xl"><img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
<div class="svg-bg bg-pale-yellow rounded-xl"><img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
</div>
|
|
<code class="code text-nowrap mt-4">bg-pale-yellow</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<div class="svg-bg bg-pale-blue rounded-xl"><img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
<div class="svg-bg bg-pale-blue rounded-xl"><img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
</div>
|
|
<code class="code text-nowrap mt-4">bg-pale-blue</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<div class="svg-bg bg-pale-fuchsia rounded-xl"><img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
<div class="svg-bg bg-pale-fuchsia rounded-xl"><img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
</div>
|
|
<code class="code text-nowrap mt-4">bg-pale-fuchsia</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<div class="svg-bg bg-pale-sky rounded-xl"><img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
<div class="svg-bg bg-pale-sky rounded-xl"><img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
</div>
|
|
<code class="code text-nowrap mt-4">bg-pale-sky</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<div class="svg-bg bg-pale-grape rounded-xl"><img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
<div class="svg-bg bg-pale-grape rounded-xl"><img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
</div>
|
|
<code class="code text-nowrap mt-4">bg-pale-grape</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<div>
|
|
<div class="svg-bg bg-white shadow-xl rounded-xl"><img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
<div class="svg-bg bg-white shadow-xl rounded-xl"><img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
</div>
|
|
<code class="code text-nowrap mt-4">bg-pale-white</code>
|
|
</div>
|
|
<!-- /column -->
|
|
</div>
|
|
<!-- /.row -->
|
|
</div>
|
|
<!--/.card-body -->
|
|
</div>
|
|
<!--/.card -->
|
|
</section>
|
|
<section id="snippet-4-2">
|
|
<h2 class="mb-5 mt-n15 pt-15 zindex-n">Sizes</h2>
|
|
<div class="card mb-12">
|
|
<div class="card-body">
|
|
<div class="row gy-8 text-center d-flex align-items-end">
|
|
<div class="col-6 col-lg-3">
|
|
<div>
|
|
<div class="svg-bg bg-pale-pink rounded-xl mb-4"><img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
</div>
|
|
<code class="code text-nowrap mt-4">.svg-bg</code>
|
|
</div>
|
|
<!-- /column -->
|
|
<div class="col-6 col-lg-3">
|
|
<div>
|
|
<div class="svg-bg svg-bg-lg bg-pale-pink rounded-xl mb-4"><img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg solid text-navy mx-2" alt="" /></div>
|
|
</div>
|
|
<code class="code text-nowrap mt-4">.svg-bg.svg-bg-lg</code>
|
|
</div>
|
|
<!-- /column -->
|
|
</div>
|
|
<!-- /.row -->
|
|
</div>
|
|
<!--/.card-body -->
|
|
</div>
|
|
<!--/.card -->
|
|
</section>
|
|
<section id="snippet-4-3">
|
|
<h2 class="mb-5 mt-n15 pt-15 zindex-n">Icons</h2>
|
|
<ul class="glyphs glyphs-svg row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6">
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/3d.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>3d</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/3d.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/alarm.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>alarm</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/alarm.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/audience.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>audience</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/audience.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/badge.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>badge</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/badge.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/bar-chart.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>bar-chart</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/bar-chart.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/bar-chart-2.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>bar-chart-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/bar-chart-2.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/bell.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>bell</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/bell.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/briefcase.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>briefcase</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/briefcase.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/bucket.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>bucket</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/bucket.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/building.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>building</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/building.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/bulb.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>bulb</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/bulb.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/bullhorn.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>bullhorn</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/bullhorn.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/calendar.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>calendar</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/calendar.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/camera.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>camera</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/camera.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/chatting.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>chatting</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/chatting.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/chatting-2.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>chatting-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/chatting-2.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/checked.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>checked</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/checked.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/clipboard.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>clipboard</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/clipboard.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/cloud-download.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>cloud-download</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/cloud-download.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/cloud-group.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>cloud-group</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/cloud-group.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/cloud-network.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>cloud-network</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/cloud-network.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/cloud-network-2.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>cloud-network-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/cloud-network-2.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/cloud-transfer.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>cloud-transfer</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/cloud-transfer.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/code.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>code</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/code.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/coffee-cup.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>coffee-cup</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/coffee-cup.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/coin.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>coin</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/coin.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/coin-decrease.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>coin-decrease</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/coin-decrease.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/coin-lock.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>coin-lock</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/coin-lock.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/coin-reload.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>coin-reload</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/coin-reload.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/coin-rise.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>coin-rise</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/coin-rise.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/compare.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>compare</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/compare.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/computer.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>computer</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/computer.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/conference.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>conference</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/conference.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/content.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>content</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/content.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/controls-2.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>controls-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/controls-2.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/controls.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>controls</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/controls.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/crop.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>crop</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/crop.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/crosshair.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>crosshair</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/crosshair.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/currency.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>currency</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/currency.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/deal.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>deal</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/deal.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/delivery-box.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>delivery-box</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/delivery-box.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/devices.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>devices</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/devices.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/director.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>director</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/director.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/discussion.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>discussion</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/discussion.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/dot.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>dot</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/dot.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/double-click.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>double-click</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/double-click.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/e-commerce.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>e-commerce</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/e-commerce.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/edit.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>edit</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/edit.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/edit-2.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>edit-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/edit-2.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/email-2.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>email-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/email-2.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/emails.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>emails</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/emails.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/employees.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>employees</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/employees.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/feather.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>feather</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/feather.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/gamepad.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>gamepad</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/gamepad.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/gears.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>gears</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/gears.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/globe-2.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>globe-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/globe-2.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/headphone.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>headphone</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/headphone.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/health-insurance.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>health-insurance</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/health-insurance.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/image.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>image</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/image.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/images.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>images</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/images.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/infographic.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>infographic</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/infographic.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/lamp.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>lamp</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/lamp.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/layers.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>layers</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/layers.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/layout-2.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>layout-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/layout-2.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/layout-3.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>layout-3</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/layout-3.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/layout.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>layout</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/layout.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/like.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>like</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/like.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/link.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>link</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/link.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/list.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>list</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/list.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/lock.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>lock</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/lock.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/love.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>love</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/love.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/marker.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>marker</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/marker.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/mask.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>mask</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/mask.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/medal.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>medal</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/medal.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/monitor.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>monitor</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/monitor.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/navigation.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>navigation</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/navigation.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/network.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>network</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/network.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/note.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>note</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/note.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/paint.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>paint</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/paint.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/paper-plane.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>paper-plane</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/paper-plane.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/partnership.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>partnership</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/partnership.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/pen-tool.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>pen-tool</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/pen-tool.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/pie-chart.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>pie-chart</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/pie-chart.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/pin.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>pin</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/pin.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/plane.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>plane</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/plane.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/price-tag.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>price-tag</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/price-tag.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/printer.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>printer</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/printer.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/push-cart.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>push-cart</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/push-cart.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/puzzle.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>puzzle</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/puzzle.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>rocket</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/roller.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>roller</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/roller.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/rotary.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>rotary</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/rotary.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/safe.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>safe</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/safe.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/script.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>script</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/script.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/search.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>search</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/search.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/secure.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>secure</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/secure.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/selected.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>selected</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/selected.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/seo-2.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>seo-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/seo-2.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/seo.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>seo</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/seo.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/server.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>server</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/server.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/setting.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>setting</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/setting.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/share.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>share</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/share.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/sharing.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>sharing</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/sharing.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/shipment.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>shipment</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/shipment.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/shopping-bag.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>shopping-bag</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/shopping-bag.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/shopping-basket.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>shopping-basket</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/shopping-basket.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/shopping-cart.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>shopping-cart</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/shopping-cart.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/smartphone.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>smartphone</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/smartphone.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/supermarket.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>supermarket</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/supermarket.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/synchronize.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>synchronize</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/synchronize.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/team.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>team</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/team.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/target.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>target</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/target.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/toggle.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>toggle</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/toggle.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/touchscreen.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>touchscreen</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/touchscreen.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/transfer.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>transfer</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/transfer.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/travel-insurance.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>travel-insurance</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/travel-insurance.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/tv-screen.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>tv-screen</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/tv-screen.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/verify.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>verify</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/verify.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/video-chat.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>video-chat</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/video-chat.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/video-player.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>video-player</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/video-player.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/videocall.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>videocall</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/videocall.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/videocall-2.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>videocall-2</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/videocall-2.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/wallet.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>wallet</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/wallet.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/web-browser.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>web-browser</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/web-browser.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
<li class="col text-center">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="svg-bg bg-pale-primary rounded-xl mb-2"><img src="../../assets/img/icons/solid/web-programming.svg" class="svg-inject icon-svg solid text-navy mb-0" alt="" /></div>
|
|
<span>web-programming</span>
|
|
</div>
|
|
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="<div class="svg-bg bg-pale-primary rounded-xl"><img src="./assets/img/icons/solid/web-programming.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>">Copy</a></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
</section>
|
|
</div>
|
|
<!-- /column -->
|
|
</div>
|
|
<!-- /.row -->
|
|
</div>
|
|
<!-- /.container -->
|
|
</div>
|
|
<!-- /.content-wrapper -->
|
|
<section class="wrapper bg-dark text-white">
|
|
<div class="container pt-14 pt-md-16 text-center">
|
|
<div class="row">
|
|
<div class="col-md-10 col-lg-9 col-xl-8 col-xxl-7 mx-auto">
|
|
<h2 class="display-3 text-white mt-3 mb-3 px-lg-8">Think unique and be creative. Make a difference with Sandbox.</h2>
|
|
<p class="lead fs-lg mb-6">Everything you need to create your next unique and professional website, including impressive and ready-made blocks and pages.</p>
|
|
<a href="https://1.envato.market/NKGrx2" target="_blank" class="btn btn-lg btn-white rounded-pill mb-10">Buy Sandbox</a>
|
|
</div>
|
|
<!-- /column -->
|
|
</div>
|
|
<!-- /.row -->
|
|
<img class="img-fluid" src="../../assets/img/demos/f1.png" srcset="../../assets/img/demos/f1@2x.png 2x" alt="" />
|
|
</div>
|
|
<!-- /.container -->
|
|
</section>
|
|
<!-- /section -->
|
|
<div class="progress-wrap">
|
|
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
|
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
|
|
</svg>
|
|
</div>
|
|
<script src="../../assets/js/plugins.js"></script>
|
|
<script src="../../assets/js/theme.js"></script>
|
|
</body>
|
|
|
|
</html> |