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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bootstrap Icons - Mazer Admin Dashboard</title>
    
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/bootstrap.css">
    
    <link rel="stylesheet" href="assets/vendors/perfect-scrollbar/perfect-scrollbar.css">
    <link rel="stylesheet" href="assets/vendors/bootstrap-icons/bootstrap-icons.css">
    <link rel="stylesheet" href="assets/css/app.css">
    <link rel="shortcut icon" href="assets/images/favicon.svg" type="image/x-icon">
</head>

<body>
    <div id="app">
        <div id="sidebar" class="active">
            <div class="sidebar-wrapper active">
    <div class="sidebar-header">
        <div class="d-flex justify-content-between">
            <div class="logo">
                <a href="index.html"><img src="assets/images/logo/logo.png" alt="Logo" srcset=""></a>
            </div>
            <div class="toggler">
                <a href="#" class="sidebar-hide d-xl-none d-block"><i class="bi bi-x bi-middle"></i></a>
            </div>
        </div>
    </div>
    <div class="sidebar-menu">
        <ul class="menu">
            <li class="sidebar-title">Menu</li>
            
            <li
                class="sidebar-item  ">
                <a href="index.html" class='sidebar-link'>
                    <i class="bi bi-grid-fill"></i>
                    <span>Dashboard</span>
                </a>
            </li>
            
            <li
                class="sidebar-item  has-sub">
                <a href="#" class='sidebar-link'>
                    <i class="bi bi-stack"></i>
                    <span>Components</span>
                </a>
                <ul class="submenu ">
                    <li class="submenu-item ">
                        <a href="component-alert.html">Alert</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="component-badge.html">Badge</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="component-breadcrumb.html">Breadcrumb</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="component-button.html">Button</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="component-card.html">Card</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="component-carousel.html">Carousel</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="component-dropdown.html">Dropdown</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="component-list-group.html">List Group</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="component-modal.html">Modal</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="component-navs.html">Navs</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="component-pagination.html">Pagination</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="component-progress.html">Progress</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="component-spinner.html">Spinner</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="component-tooltip.html">Tooltip</a>
                    </li>
                </ul>
            </li>
            
            <li
                class="sidebar-item  has-sub">
                <a href="#" class='sidebar-link'>
                    <i class="bi bi-collection-fill"></i>
                    <span>Extra Components</span>
                </a>
                <ul class="submenu ">
                    <li class="submenu-item ">
                        <a href="extra-component-avatar.html">Avatar</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="extra-component-sweetalert.html">Sweet Alert</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="extra-component-toastify.html">Toastify</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="extra-component-rating.html">Rating</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="extra-component-divider.html">Divider</a>
                    </li>
                </ul>
            </li>
            
            <li
                class="sidebar-item  has-sub">
                <a href="#" class='sidebar-link'>
                    <i class="bi bi-grid-1x2-fill"></i>
                    <span>Layouts</span>
                </a>
                <ul class="submenu ">
                    <li class="submenu-item ">
                        <a href="layout-default.html">Default Layout</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="layout-vertical-1-column.html">1 Column</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="layout-vertical-navbar.html">Vertical Navbar</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="layout-rtl.html">RTL Layout</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="layout-horizontal.html">Horizontal Menu</a>
                    </li>
                </ul>
            </li>
            
            <li class="sidebar-title">Forms &amp; Tables</li>
            
            <li
                class="sidebar-item  has-sub">
                <a href="#" class='sidebar-link'>
                    <i class="bi bi-hexagon-fill"></i>
                    <span>Form Elements</span>
                </a>
                <ul class="submenu ">
                    <li class="submenu-item ">
                        <a href="form-element-input.html">Input</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="form-element-input-group.html">Input Group</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="form-element-select.html">Select</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="form-element-radio.html">Radio</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="form-element-checkbox.html">Checkbox</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="form-element-textarea.html">Textarea</a>
                    </li>
                </ul>
            </li>
            
            <li
                class="sidebar-item  ">
                <a href="form-layout.html" class='sidebar-link'>
                    <i class="bi bi-file-earmark-medical-fill"></i>
                    <span>Form Layout</span>
                </a>
            </li>
            
            <li
                class="sidebar-item  has-sub">
                <a href="#" class='sidebar-link'>
                    <i class="bi bi-pen-fill"></i>
                    <span>Form Editor</span>
                </a>
                <ul class="submenu ">
                    <li class="submenu-item ">
                        <a href="form-editor-quill.html">Quill</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="form-editor-ckeditor.html">CKEditor</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="form-editor-summernote.html">Summernote</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="form-editor-tinymce.html">TinyMCE</a>
                    </li>
                </ul>
            </li>
            
            <li
                class="sidebar-item  ">
                <a href="table.html" class='sidebar-link'>
                    <i class="bi bi-grid-1x2-fill"></i>
                    <span>Table</span>
                </a>
            </li>
            
            <li
                class="sidebar-item  has-sub">
                <a href="#" class='sidebar-link'>
                    <i class="bi bi-file-earmark-spreadsheet-fill"></i>
                    <span>Datatables</span>
                </a>
                <ul class="submenu ">
                    <li class="submenu-item ">
                        <a href="table-datatable.html">Datatable</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="table-datatable-jquery.html">Datatable (jQuery)</a>
                    </li>
                </ul>
            </li>
            
            <li class="sidebar-title">Extra UI</li>
            
            <li
                class="sidebar-item  has-sub">
                <a href="#" class='sidebar-link'>
                    <i class="bi bi-pentagon-fill"></i>
                    <span>Widgets</span>
                </a>
                <ul class="submenu ">
                    <li class="submenu-item ">
                        <a href="ui-widgets-chatbox.html">Chatbox</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="ui-widgets-pricing.html">Pricing</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="ui-widgets-todolist.html">To-do List</a>
                    </li>
                </ul>
            </li>
            
            <li
                class="sidebar-item active has-sub">
                <a href="#" class='sidebar-link'>
                    <i class="bi bi-egg-fill"></i>
                    <span>Icons</span>
                </a>
                <ul class="submenu active">
                    <li class="submenu-item active">
                        <a href="ui-icons-bootstrap-icons.html">Bootstrap Icons </a>
                    </li>
                    <li class="submenu-item ">
                        <a href="ui-icons-fontawesome.html">Fontawesome</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="ui-icons-dripicons.html">Dripicons</a>
                    </li>
                </ul>
            </li>
            
            <li
                class="sidebar-item  has-sub">
                <a href="#" class='sidebar-link'>
                    <i class="bi bi-bar-chart-fill"></i>
                    <span>Charts</span>
                </a>
                <ul class="submenu ">
                    <li class="submenu-item ">
                        <a href="ui-chart-chartjs.html">ChartJS</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="ui-chart-apexcharts.html">Apexcharts</a>
                    </li>
                </ul>
            </li>
            
            <li
                class="sidebar-item  ">
                <a href="ui-file-uploader.html" class='sidebar-link'>
                    <i class="bi bi-cloud-arrow-up-fill"></i>
                    <span>File Uploader</span>
                </a>
            </li>
            
            <li
                class="sidebar-item  has-sub">
                <a href="#" class='sidebar-link'>
                    <i class="bi bi-map-fill"></i>
                    <span>Maps</span>
                </a>
                <ul class="submenu ">
                    <li class="submenu-item ">
                        <a href="ui-map-google-map.html">Google Map</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="ui-map-jsvectormap.html">JS Vector Map</a>
                    </li>
                </ul>
            </li>
            
            <li class="sidebar-title">Pages</li>
            
            <li
                class="sidebar-item  ">
                <a href="application-email.html" class='sidebar-link'>
                    <i class="bi bi-envelope-fill"></i>
                    <span>Email Application</span>
                </a>
            </li>
            
            <li
                class="sidebar-item  ">
                <a href="application-chat.html" class='sidebar-link'>
                    <i class="bi bi-chat-dots-fill"></i>
                    <span>Chat Application</span>
                </a>
            </li>
            
            <li
                class="sidebar-item  ">
                <a href="application-gallery.html" class='sidebar-link'>
                    <i class="bi bi-image-fill"></i>
                    <span>Photo Gallery</span>
                </a>
            </li>
            
            <li
                class="sidebar-item  ">
                <a href="application-checkout.html" class='sidebar-link'>
                    <i class="bi bi-basket-fill"></i>
                    <span>Checkout Page</span>
                </a>
            </li>
            
            <li
                class="sidebar-item  has-sub">
                <a href="#" class='sidebar-link'>
                    <i class="bi bi-person-badge-fill"></i>
                    <span>Authentication</span>
                </a>
                <ul class="submenu ">
                    <li class="submenu-item ">
                        <a href="auth-login.html">Login</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="auth-register.html">Register</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="auth-forgot-password.html">Forgot Password</a>
                    </li>
                </ul>
            </li>
            
            <li
                class="sidebar-item  has-sub">
                <a href="#" class='sidebar-link'>
                    <i class="bi bi-x-octagon-fill"></i>
                    <span>Errors</span>
                </a>
                <ul class="submenu ">
                    <li class="submenu-item ">
                        <a href="error-403.html">403</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="error-404.html">404</a>
                    </li>
                    <li class="submenu-item ">
                        <a href="error-500.html">500</a>
                    </li>
                </ul>
            </li>
            
            <li class="sidebar-title">Raise Support</li>
            
            <li
                class="sidebar-item  ">
                <a href="https://zuramai.github.io/mazer/docs" class='sidebar-link'>
                    <i class="bi bi-life-preserver"></i>
                    <span>Documentation</span>
                </a>
            </li>
            
            <li
                class="sidebar-item  ">
                <a href="https://github.com/zuramai/mazer/blob/main/CONTRIBUTING.md" class='sidebar-link'>
                    <i class="bi bi-puzzle"></i>
                    <span>Contribute</span>
                </a>
            </li>
            
            <li
                class="sidebar-item  ">
                <a href="https://github.com/zuramai/mazer#donate" class='sidebar-link'>
                    <i class="bi bi-cash"></i>
                    <span>Donate</span>
                </a>
            </li>
            
        </ul>
    </div>
    <button class="sidebar-toggler btn x"><i data-feather="x"></i></button>
</div>
        </div>
        <div id="main">
            <header class="mb-3">
                <a href="#" class="burger-btn d-block d-xl-none">
                    <i class="bi bi-justify fs-3"></i>
                </a>
            </header>
            
<div class="page-heading">
    <div class="page-title">
        <div class="row">
            <div class="col-12 col-md-6 order-md-1 order-last">
                <h3>Bootstrap Icons</h3>
                <p class="text-subtitle text-muted">Get over 1,000+ icons with Bootstrap Icons </p>
            </div>
            <div class="col-12 col-md-6 order-md-2 order-first">
                <nav aria-label="breadcrumb" class="breadcrumb-header float-start float-lg-end">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="index.html">Dashboard</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Bootstrap Icons</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
    <section class="section">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">Icon List</h4>
            </div>
            <div class="card-body">
                <div class="my-5">
                    <ul class="row row-cols-2 row-cols-sm-3 row-cols-lg-4 row-cols-xl-6 list-unstyled list">
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="alarm clock">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#alarm-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Alarm fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="alarm clock">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#alarm" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Alarm
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="space align distribute">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#align-bottom" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Align bottom
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="space align distribute">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#align-center" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Align center
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="space align distribute">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#align-end" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Align end
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="space align distribute">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#align-middle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Align middle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="space align distribute">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#align-start" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Align start
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="space align distribute">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#align-top" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Align top
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="key alt option">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#alt" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Alt
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="app application ios android notification">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#app-indicator" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                App indicator
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="app application ios android">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#app" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                App
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="box delete">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#archive-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Archive fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="box delete">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#archive" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Archive
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow right-angle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-90deg-down" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow 90deg down
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow right-angle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-90deg-left" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow 90deg left
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow right-angle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-90deg-right" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow 90deg right
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-90deg-up" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow 90deg up
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-bar-down" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow bar down
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-bar-left" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow bar left
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-bar-right" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow bar right
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-bar-up" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow bar up
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-clockwise" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow clockwise
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-counterclockwise" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow counterclockwise
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow circle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-down-circle-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow down circle fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow circle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-down-circle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow down circle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow circle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-down-left-circle-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow down left circle fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow circle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-down-left-circle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow down left circle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow square">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-down-left-square-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow down left square fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow square">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-down-left-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow down left square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-down-left" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow down left
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow circle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-down-right-circle-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow down right circle fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow circle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-down-right-circle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow down right circle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow square">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-down-right-square-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow down right square fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow square">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-down-right-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow down right square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-down-right" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow down right
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-down-short" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow down short
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow square">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-down-square-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow down square fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow square">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-down-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow down square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-down-up" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow down up
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-down" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow down
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow circle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-left-circle-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow left circle fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow circle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-left-circle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow left circle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-left-right" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow left right
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-left-short" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow left short
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow square">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-left-square-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow left square fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow square">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-left-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow left square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-left" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow left
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-repeat" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow repeat
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow return">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-return-left" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow return left
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow return">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-return-right" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow return right
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow circle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-right-circle-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow right circle fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow circle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-right-circle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow right circle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-right-short" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow right short
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow square">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-right-square-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow right square fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow square">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-right-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow right square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-right" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow right
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow circle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-up-circle-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow up circle fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow circle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-up-circle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow up circle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow circle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-up-left-circle-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow up left circle fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow circle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-up-left-circle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow up left circle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow square">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-up-left-square-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow up left square fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow square">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-up-left-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow up left square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-up-left" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow up left
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow circle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-up-right-circle-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow up right circle fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow circle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-up-right-circle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow up right circle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow square">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-up-right-square-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow up right square fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow square">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-up-right-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow up right square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-up-right" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow up right
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-up-short" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow up short
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow square">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-up-square-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow up square fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow square">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-up-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow up square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrow-up" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrow up
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrows-angle-contract" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrows angle contract
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrows-angle-expand" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrows angle expand
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrows-collapse" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrows collapse
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrows-expand" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrows expand
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrows-fullscreen" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrows fullscreen
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow cursor move">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#arrows-move" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Arrows move
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="size resize crop dimensions">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#aspect-ratio-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Aspect ratio fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="size resize crop dimensions">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#aspect-ratio" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Aspect ratio
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="asterisks star">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#asterisk" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Asterisk
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="at-sign">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#at" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                At
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="prize rosette">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#award-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Award fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="prize rosette">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#award" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Award
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="backward layer">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#back" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Back
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="key">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#backspace-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Backspace fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="key">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#backspace-reverse-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Backspace reverse fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="key">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#backspace-reverse" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Backspace reverse
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="key">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#backspace" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Backspace
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="4k display resolution retina">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#badge-4k-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Badge 4k fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="4k display resolution retina">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#badge-4k" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Badge 4k
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="4k display resolution retina">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#badge-8k-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Badge 8k fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="4k display resolution retina">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#badge-8k" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Badge 8k
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="closed captioning">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#badge-cc-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Badge cc fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="closed captioning">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#badge-cc" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Badge cc
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="display resolution high definition">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#badge-hd-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Badge hd fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="display resolution high definition">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#badge-hd" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Badge hd
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="trademark">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#badge-tm-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Badge tm fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="trademark">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#badge-tm" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Badge tm
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="voiceover accessibility">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#badge-vo-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Badge vo fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="voiceover accessibility">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#badge-vo" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Badge vo
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="shopping checkout check cart basket bag">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bag-check" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bag check
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="shopping checkout check cart basket bag">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bag-dash" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bag dash
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shopping cart purchase buy">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bag-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bag fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="shopping checkout check cart basket bag">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bag-plus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bag plus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shopping cart purchase buy">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bag" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bag
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chart graph analytics">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bar-chart-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bar chart fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chart graph analytics">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bar-chart-line-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bar chart line fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chart graph analytics">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bar-chart-line" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bar chart line
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chart graph analytics">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bar-chart-steps" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bar chart steps
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chart graph analytics">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bar-chart" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bar chart
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="shopping checkout check cart basket bag">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#basket-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Basket fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="shopping checkout check cart basket bag">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#basket" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Basket
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="shopping checkout check cart basket bag">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#basket2-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Basket2 fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="shopping checkout check cart basket bag">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#basket2" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Basket2
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="shopping checkout check cart basket bag">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#basket3-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Basket3 fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="shopping checkout check cart basket bag">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#basket3" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Basket3
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="power charge">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#battery-charging" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Battery charging
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="power charge">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#battery-full" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Battery full
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="power charge">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#battery-half" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Battery half
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="power charge">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#battery" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Battery
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="notification">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bell-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bell fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="notification">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bell" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bell
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="graphics vector pen">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bezier" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bezier
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="graphics vector pen">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bezier2" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bezier2
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="bike riding bicycling">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bicycle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bicycle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="distance view">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#binoculars-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Binoculars fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="distance view">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#binoculars" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Binoculars
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#blockquote-left" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Blockquote left
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#blockquote-right" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Blockquote right
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="novel read magazine">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#book-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Book fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="novel read magazine">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#book-half" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Book half
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="novel read magazine">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#book" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Book
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="reading book">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bookmark-check" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bookmark check
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="reading book">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bookmark-dash" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bookmark dash
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="reading book">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bookmark-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bookmark fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="reading book">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bookmark-plus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bookmark plus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="reading book">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bookmark" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bookmark
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="reading book">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bookmarks-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bookmarks fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="reading book">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bookmarks" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bookmarks
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shelf">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bookshelf" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bookshelf
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="bootstrap">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bootstrap-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bootstrap fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="bootstrap">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bootstrap-reboot" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bootstrap reboot
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="bootstrap">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bootstrap" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bootstrap
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="borders wysiwyg">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#border-style" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Border style
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="borders wysiwyg">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#border-width" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Border width
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text shape resize dimensions">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bounding-box-circles" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bounding box circles
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text shape resize dimensions">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bounding-box" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bounding box
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#box-arrow-down-left" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Box arrow down left
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#box-arrow-down-right" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Box arrow down right
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#box-arrow-down" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Box arrow down
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#box-arrow-in-down-left" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Box arrow in down left
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#box-arrow-in-down-right" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Box arrow in down right
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#box-arrow-in-down" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Box arrow in down
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#box-arrow-in-left" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Box arrow in left
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#box-arrow-in-right" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Box arrow in right
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#box-arrow-in-up-left" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Box arrow in up left
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#box-arrow-in-up-right" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Box arrow in up right
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#box-arrow-in-up" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Box arrow in up
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#box-arrow-left" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Box arrow left
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#box-arrow-right" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Box arrow right
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#box-arrow-up-left" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Box arrow up left
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#box-arrow-up-right" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Box arrow up right
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#box-arrow-up" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Box arrow up
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="cardboard package">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#box-seam" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Box seam
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="cardboard package">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#box" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Box
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#braces" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Braces
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="wall">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bricks" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bricks
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="business">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#briefcase-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Briefcase fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="business">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#briefcase" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Briefcase
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="brightness">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#brightness-alt-high-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Brightness alt high fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="brightness">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#brightness-alt-high" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Brightness alt high
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="brightness">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#brightness-alt-low-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Brightness alt low fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="brightness">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#brightness-alt-low" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Brightness alt low
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="brightness">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#brightness-high-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Brightness high fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="brightness">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#brightness-high" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Brightness high
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="brightness">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#brightness-low-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Brightness low fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="brightness">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#brightness-low" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Brightness low
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="radio radio wave amplify wavelength">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#broadcast-pin" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Broadcast pin
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="radio radio wave amplify wavelength">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#broadcast" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Broadcast
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="paint art">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#brush" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Brush
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="tool pail">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bucket-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bucket fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="tool pail">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bucket" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bucket
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="insect error">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bug-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bug fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="insect error">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bug" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bug
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="company enterprise organization">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#building" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Building
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="target">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#bullseye" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Bullseye
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="calculator math">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calculator-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calculator fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="calculator math">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calculator" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calculator
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar-check-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar check fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar-check" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar check
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar-date-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar date fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar-date" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar date
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar-day-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar day fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar-day" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar day
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time event invite">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar-event-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar event fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time event invite">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar-event" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar event
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar-minus-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar minus fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar-minus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar minus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar-month-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar month fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar-month" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar month
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar-plus-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar plus fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar-plus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar plus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dates timeline duration">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar-range-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar range fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dates timeline duration">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar-range" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar range
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dates timeline duration week">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar-week-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar week fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dates timeline duration week">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar-week" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar week
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar2-check-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar2 check fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar2-check" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar2 check
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar2-date-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar2 date fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar2-date" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar2 date
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar2-day-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar2 day fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar2-day" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar2 day
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time event invite">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar2-event-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar2 event fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time event invite">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar2-event" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar2 event
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar2-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar2 fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar2-minus-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar2 minus fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar2-minus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar2 minus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar2-month-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar2 month fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar2-month" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar2 month
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar2-plus-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar2 plus fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar2-plus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar2 plus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dates timeline duration">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar2-range-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar2 range fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dates timeline duration">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar2-range" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar2 range
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dates timeline duration week">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar2-week-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar2 week fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dates timeline duration week">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar2-week" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar2 week
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar2" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar2
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time event invite">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar3-event-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar3 event fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time event invite">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar3-event" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar3 event
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar3-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar3 fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dates timeline duration">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar3-range-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar3 range fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dates timeline duration">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar3-range" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar3 range
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dates timeline duration week">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar3-week-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar3 week fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dates timeline duration week">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar3-week" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar3 week
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar3" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar3
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time event invite">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar4-event" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar4 event
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dates timeline duration">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar4-range" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar4 range
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dates timeline duration week">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar4-week" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar4 week
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="date time month">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#calendar4" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Calendar4
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="photos photography">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#camera-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Camera fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="av video film">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#camera-reels-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Camera reels fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="av video film">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#camera-reels" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Camera reels
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="av video film">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#camera-video-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Camera video fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="av video film">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#camera-video-off-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Camera video off fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="av video film">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#camera-video-off" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Camera video off
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="av video film">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#camera-video" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Camera video
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="photos photography">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#camera" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Camera
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="photos photography">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#camera2" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Camera2
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="key">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#capslock-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Capslock fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="key">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#capslock" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Capslock
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="note card notecard">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#card-checklist" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Card checklist
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="note card notecard">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#card-heading" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Card heading
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="note card notecard">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#card-image" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Card image
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="note card notecard">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#card-list" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Card list
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="note card notecard">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#card-text" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Card text
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="caret arrow triangle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#caret-down-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Caret down fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="caret arrow triangle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#caret-down-square-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Caret down square fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="caret arrow triangle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#caret-down-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Caret down square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="caret arrow triangle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#caret-down" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Caret down
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="caret arrow triangle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#caret-left-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Caret left fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="caret arrow triangle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#caret-left-square-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Caret left square fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="caret arrow triangle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#caret-left-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Caret left square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="caret arrow triangle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#caret-left" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Caret left
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="caret arrow triangle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#caret-right-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Caret right fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="caret arrow triangle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#caret-right-square-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Caret right square fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="caret arrow triangle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#caret-right-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Caret right square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="caret arrow triangle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#caret-right" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Caret right
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="caret arrow triangle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#caret-up-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Caret up fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="caret arrow triangle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#caret-up-square-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Caret up square fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="caret arrow triangle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#caret-up-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Caret up square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="caret arrow triangle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#caret-up" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Caret up
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="shopping checkout check cart basket bag">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cart-check" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cart check
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="shopping checkout check cart basket bag">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cart-dash" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cart dash
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="shopping checkout check cart basket bag">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cart-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cart fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="shopping checkout check cart basket bag">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cart-plus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cart plus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="shopping checkout check cart basket bag">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cart" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cart
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="shopping checkout check cart basket bag">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cart2" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cart2
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="shopping checkout check cart basket bag">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cart3" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cart3
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="shopping checkout check cart basket bag">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cart4" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cart4
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="money bills funds wallet currency">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cash-stack" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cash stack
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="money bills funds wallet currency">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cash" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cash
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="airplay project stream display">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cast" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cast
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message typing">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-dots-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat dots fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message typing">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-dots" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat dots
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message typing">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-left-dots-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat left dots fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message typing">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-left-dots" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat left dots
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-left-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat left fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message quote">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-left-quote-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat left quote fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message quote">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-left-quote" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat left quote
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-left-text-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat left text fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-left-text" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat left text
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-left" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat left
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message quote">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-quote-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat quote fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message quote">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-quote" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat quote
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message typing">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-right-dots-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat right dots fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message typing">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-right-dots" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat right dots
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-right-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat right fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message quote">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-right-quote-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat right quote fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message quote">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-right-quote" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat right quote
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-right-text-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat right text fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-right-text" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat right text
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-right" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat right
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message typing">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-square-dots-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat square dots fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message typing">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-square-dots" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat square dots
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-square-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat square fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message quote">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-square-quote-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat square quote fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message quote">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-square-quote" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat square quote
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-square-text-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat square text fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-square-text" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat square text
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-text-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat text fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat-text" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat text
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chat bubble text message">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chat" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chat
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="checkmark todo done select">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#check-all" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Check all
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="checkmark confirm done">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#check-circle-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Check circle fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="checkmark confirm done">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#check-circle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Check circle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="checkmark confirm done">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#check-square-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Check square fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="checkmark confirm done">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#check-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Check square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="checkmark confirm done">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#check" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Check
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="checkmark todo select done checkbox">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#check2-all" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Check2 all
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="checkmark todo select done checkbox">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#check2-circle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Check2 circle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="checkmark todo select done checkbox">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#check2-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Check2 square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="checkmark todo select done checkbox">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#check2" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Check2
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chevron">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chevron-bar-contract" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chevron bar contract
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chevron">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chevron-bar-down" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chevron bar down
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chevron">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chevron-bar-expand" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chevron bar expand
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chevron">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chevron-bar-left" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chevron bar left
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chevron">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chevron-bar-right" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chevron bar right
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chevron">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chevron-bar-up" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chevron bar up
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chevron">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chevron-compact-down" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chevron compact down
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chevron">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chevron-compact-left" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chevron compact left
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chevron">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chevron-compact-right" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chevron compact right
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chevron">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chevron-compact-up" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chevron compact up
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chevron-contract" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chevron contract
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chevron">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chevron-double-down" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chevron double down
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chevron">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chevron-double-left" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chevron double left
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chevron">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chevron-double-right" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chevron double right
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chevron">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chevron-double-up" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chevron double up
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chevron">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chevron-down" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chevron down
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chevron-expand" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chevron expand
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chevron">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chevron-left" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chevron left
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chevron">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chevron-right" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chevron right
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chevron">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#chevron-up" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Chevron up
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#circle-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Circle fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#circle-half" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Circle half
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="graphics vector merge layers">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#circle-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Circle square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#circle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Circle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="copy paste">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#clipboard-check" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Clipboard check
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="copy paste data analytics graph chart">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#clipboard-data" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Clipboard data
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="copy paste">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#clipboard-minus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Clipboard minus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="copy paste">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#clipboard-plus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Clipboard plus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="copy paste">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#clipboard" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Clipboard
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="time">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#clock-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Clock fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="time history">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#clock-history" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Clock history
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="time">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#clock" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Clock
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="download">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cloud-arrow-down-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cloud arrow down fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="download">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cloud-arrow-down" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cloud arrow down
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="upload">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cloud-arrow-up-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cloud arrow up fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="upload">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cloud-arrow-up" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cloud arrow up
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="checkmark">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cloud-check-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cloud check fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="checkmark">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cloud-check" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cloud check
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cloud-download-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cloud download fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cloud-download" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cloud download
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="weather">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cloud-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cloud fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="subtract">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cloud-minus-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cloud minus fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="subtract">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cloud-minus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cloud minus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="add new">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cloud-plus-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cloud plus fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="add new">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cloud-plus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cloud plus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="cloud">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cloud-slash-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cloud slash fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="cloud">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cloud-slash" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cloud slash
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cloud-upload-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cloud upload fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="cloud">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cloud-upload" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cloud upload
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="weather">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cloud" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cloud
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#code-slash" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Code slash
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type preformatted">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#code-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Code square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#code" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Code
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="library group">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#collection-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Collection fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="library group play">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#collection-play-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Collection play fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="library group play">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#collection-play" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Collection play
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="library group">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#collection" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Collection
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="grid layout">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#columns-gap" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Columns gap
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="grid layout">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#columns" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Columns
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="key mac">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#command" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Command
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="direction map">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#compass" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Compass
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="construction warning safety">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cone-striped" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cone striped
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="construction warning safety">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cone" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cone
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="game gaming video-game">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#controller" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Controller
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="processor chip computer">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cpu-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cpu fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="processor chip computer">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cpu" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cpu
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="debit card payment">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#credit-card-2-back-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Credit card 2 back fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="debit card payment">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#credit-card-2-back" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Credit card 2 back
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="debit card payment">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#credit-card-2-front-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Credit card 2 front fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="debit card payment">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#credit-card-2-front" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Credit card 2 front
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="debit card payment">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#credit-card-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Credit card fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="debit card payment">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#credit-card" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Credit card
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="crop">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#crop" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Crop
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mug glass drink">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cup-straw" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cup straw
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mug">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cup" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cup
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="pointer">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cursor-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cursor fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type cursor">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cursor-text" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cursor text
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="pointer">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#cursor" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Cursor
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="minus">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#dash-circle-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Dash circle fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="minus">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#dash-circle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Dash circle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="minus">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#dash-square-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Dash square fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="minus">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#dash-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Dash square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="minus">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#dash" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Dash
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="node diagram sitemap children org chart">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#diagram-2-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Diagram 2 fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="node diagram sitemap children org chart">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#diagram-2" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Diagram 2
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="node diagram sitemap children org chart">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#diagram-3-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Diagram 3 fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="node diagram sitemap children org chart">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#diagram-3" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Diagram 3
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#diamond-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Diamond fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#diamond-half" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Diamond half
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#diamond" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Diamond
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dice die games gaming gambling">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#dice-1-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Dice 1 fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dice die games gaming gambling">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#dice-1" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Dice 1
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dice die games gaming gambling">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#dice-2-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Dice 2 fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dice die games gaming gambling">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#dice-2" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Dice 2
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dice die games gaming gambling">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#dice-3-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Dice 3 fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dice die games gaming gambling">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#dice-3" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Dice 3
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dice die games gaming gambling">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#dice-4-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Dice 4 fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dice die games gaming gambling">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#dice-4" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Dice 4
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dice die games gaming gambling">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#dice-5-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Dice 5 fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dice die games gaming gambling">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#dice-5" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Dice 5
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dice die games gaming gambling">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#dice-6-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Dice 6 fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dice die games gaming gambling">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#dice-6" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Dice 6
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="monitor external">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#display-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Display fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="monitor external">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#display" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Display
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="space align">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#distribute-horizontal" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Distribute horizontal
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="space align">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#distribute-vertical" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Distribute vertical
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="door logout signout">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#door-closed-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Door closed fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="door logout signout">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#door-closed" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Door closed
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="door login signin">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#door-open-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Door open fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="door login signin">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#door-open" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Door open
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="middot">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#dot" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Dot
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow network">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#download" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Download
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="water-drop paint ink liquid">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#droplet-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Droplet fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="water-drop paint ink liquid">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#droplet-half" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Droplet half
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="water-drop paint ink liquid">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#droplet" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Droplet
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#earbuds" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Earbuds
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="paint draw art present">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#easel-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Easel fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="paint draw art present">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#easel" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Easel
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="food">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#egg-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Egg fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="food">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#egg-fried" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Egg fried
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="food">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#egg" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Egg
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="disc cd dvd">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#eject-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Eject fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="disc cd dvd">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#eject" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Eject
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="emoticon anger upset">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#emoji-angry" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Emoji angry
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="emoticon">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#emoji-dizzy" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Emoji dizzy
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="emoticon neutral unphased">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#emoji-expressionless" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Emoji expressionless
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="emoticon sad">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#emoji-frown" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Emoji frown
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="emoticon happy">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#emoji-laughing" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Emoji laughing
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="emoticon expressionless">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#emoji-neutral" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Emoji neutral
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="emoticon sarcasm">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#emoji-smile-upside-down" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Emoji smile upside down
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="emoticon happy">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#emoji-smile" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Emoji smile
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="emoticon cool">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#emoji-sunglasses" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Emoji sunglasses
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="email message mail">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#envelope-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Envelope fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="email message mail">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#envelope-open-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Envelope open fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="email message mail">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#envelope-open" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Envelope open
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="email message mail">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#envelope" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Envelope
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="alert warning">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#exclamation-circle-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Exclamation circle fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="alert warning">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#exclamation-circle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Exclamation circle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="alert warning">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#exclamation-diamond-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Exclamation diamond fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="alert warning">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#exclamation-diamond" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Exclamation diamond
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="alert warning">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#exclamation-octagon-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Exclamation octagon fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="alert warning">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#exclamation-octagon" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Exclamation octagon
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="alert warning">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#exclamation-square-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Exclamation square fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="alert warning">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#exclamation-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Exclamation square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="alert warning">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#exclamation-triangle-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Exclamation triangle fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="alert warning">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#exclamation-triangle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Exclamation triangle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="alert warning">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#exclamation" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Exclamation
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="graphics vector merge layers">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#exclude" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Exclude
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="eyeball look see">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#eye-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Eye fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="eyeball look see">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#eye-slash-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Eye slash fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="eyeball look see">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#eye-slash" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Eye slash
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="eyeball look see">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#eye" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Eye
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="eyeball look see glasses reading">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#eyeglasses" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Eyeglasses
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document download">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-arrow-down-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File arrow down fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document download">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-arrow-down" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File arrow down
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document upload">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-arrow-up-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File arrow up fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document upload">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-arrow-up" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File arrow up
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document binary source">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-binary-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File binary fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document binary source">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-binary" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File binary
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document page-break">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-break-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File break fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document page-break">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-break" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File break
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document check verified">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-check-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File check fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document check verified">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-check" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File check
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document code development">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-code-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File code fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document code development">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-code" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File code
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document version development">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-diff-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File diff fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document version development">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-diff" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File diff
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document download">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-arrow-down" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark arrow down
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document upload">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-arrow-up-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark arrow up fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document upload">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-arrow-up" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark arrow up
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document binary source">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-binary-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark binary fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document binary source">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-binary" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark binary
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document page-break">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-break-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark break fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document page-break">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-break" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark break
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document check verified">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-check-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark check fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document check verified">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-check" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark check
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document code development">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-code-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark code fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document code development">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-code" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark code
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document version development">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-diff-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark diff fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document version development">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-diff" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark diff
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document medical hospital health">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-medical-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark medical fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document medical hospital health">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-medical" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark medical
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document delete remove">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-minus-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark minus fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document delete remove">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-minus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark minus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document add new">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-plus-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark plus fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document add new">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-plus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark plus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-ruled-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark ruled fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-ruled" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark ruled
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document excel table">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-spreadsheet-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark spreadsheet fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document excel table">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-spreadsheet" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark spreadsheet
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-text-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark text fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-text" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark text
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document zip archive compress">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-zip-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark zip fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document zip archive compress">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark-zip" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark zip
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-earmark" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File earmark
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document medical hospital health">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-medical-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File medical fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document medical hospital health">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-medical" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File medical
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document delete remove">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-minus-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File minus fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document delete remove">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-minus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File minus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="doc document music audio playlist songs">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-music-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File music fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="doc document music audio playlist songs">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-music" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File music
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="doc document personal cv resume about">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-person-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File person fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="doc document personal cv resume about">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-person" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File person
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document add new">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-plus-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File plus fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document add new">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-plus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File plus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document post">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-post-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File post fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document post">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-post" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File post
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document richtext">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-richtext-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File richtext fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document richtext">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-richtext" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File richtext
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-ruled-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File ruled fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-ruled" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File ruled
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document excel table">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-spreadsheet-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File spreadsheet fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document excel table">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-spreadsheet" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File spreadsheet
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-text-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File text fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-text" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File text
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document zip archive compress">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-zip-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File zip fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document zip archive compress">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file-zip" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File zip
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#file" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                File
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#files-alt" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Files alt
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="doc document">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#files" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Files
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="video movie">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#film" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Film
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="sort filter organize">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#filter-circle-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Filter circle fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="sort filter organize">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#filter-circle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Filter circle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="sort filter organize">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#filter-left" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Filter left
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="sort filter organize">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#filter-right" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Filter right
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="sort filter organize">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#filter-square-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Filter square fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="sort filter organize">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#filter-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Filter square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="sort">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#filter" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Filter
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="report">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#flag-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Flag fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="report">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#flag" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Flag
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="plant bloom flower">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#flower1" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Flower1
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="plant bloom flower">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#flower2" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Flower2
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="plant bloom flower">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#flower3" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Flower3
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="directory check verified">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#folder-check" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Folder check
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="directory">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#folder-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Folder fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="directory delete remove">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#folder-minus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Folder minus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="directory delete add new">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#folder-plus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Folder plus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="directory symbolic-link">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#folder-symlink-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Folder symlink fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="directory symbolic-link">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#folder-symlink" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Folder symlink
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="directory">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#folder" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Folder
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="directory">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#folder2-open" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Folder2 open
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="directory">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#folder2" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Folder2
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#fonts" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Fonts
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mail email">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#forward-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Forward fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mail email">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#forward" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Forward
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="forward layer">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#front" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Front
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="window minimize">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#fullscreen-exit" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Fullscreen exit
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="window maximize">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#fullscreen" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Fullscreen
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="sort filter">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#funnel-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Funnel fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="sort filter">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#funnel" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Funnel
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="tool">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#gear-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Gear fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="tool">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#gear-wide-connected" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Gear wide connected
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="tool">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#gear-wide" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Gear wide
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="tool">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#gear" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Gear
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape diamond">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#gem" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Gem
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="geography map pin">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#geo-alt" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Geo alt
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="geography map pin">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#geo" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Geo
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="present gift">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#gift-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Gift fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="present gift">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#gift" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Gift
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="world translate global international">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#globe" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Globe
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="world translate global international">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#globe2" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Globe2
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chart graph analytics">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#graph-down" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Graph down
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chart graph analytics">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#graph-up" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Graph up
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="grid layout">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#grid-1x2-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Grid 1x2 fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="grid layout">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#grid-1x2" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Grid 1x2
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="grid layout">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#grid-3x2-gap-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Grid 3x2 gap fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="grid layout">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#grid-3x2-gap" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Grid 3x2 gap
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="grid layout">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#grid-3x2" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Grid 3x2
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="grid layout">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#grid-3x3-gap-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Grid 3x3 gap fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="grid layout">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#grid-3x3-gap" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Grid 3x3 gap
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="grid layout">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#grid-3x3" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Grid 3x3
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="grid layout">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#grid-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Grid fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="grid layout">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#grid" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Grid
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="drag grab">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#grip-horizontal" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Grip horizontal
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="drag grab">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#grip-vertical" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Grip vertical
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="tool">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#hammer" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Hammer
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="hand pointer cursor">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#hand-index-thumb" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Hand index thumb
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="hand pointer cursor">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#hand-index" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Hand index
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="hand pointer thumbs-down -1">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#hand-thumbs-down" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Hand thumbs down
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="hand pointer thumbs-up &#43;1">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#hand-thumbs-up" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Hand thumbs up
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="purse tote">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#handbag-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Handbag fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="purse tote">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#handbag" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Handbag
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#hash" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Hash
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="hard drive hard disk ssd drive server">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#hdd-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Hdd fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="hard drive hard disk ssd drive server">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#hdd-network-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Hdd network fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="hard drive hard disk ssd drive server">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#hdd-network" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Hdd network
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="hard drive hard disk ssd drive server">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#hdd-rack-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Hdd rack fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="hard drive hard disk ssd drive server">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#hdd-rack" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Hdd rack
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="hard drive hard disk ssd drive server">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#hdd-stack-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Hdd stack fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="hard drive hard disk ssd drive server">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#hdd-stack" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Hdd stack
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="hard drive hard disk ssd drive server">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#hdd" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Hdd
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="headphones">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#headphones" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Headphones
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="headphones microphone">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#headset" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Headset
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="love favorite">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#heart-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Heart fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="love favorite">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#heart-half" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Heart half
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="love favorite">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#heart" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Heart
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape polygon">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#heptagon-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Heptagon fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape polygon">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#heptagon-half" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Heptagon half
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape polygon">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#heptagon" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Heptagon
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape polygon">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#hexagon-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Hexagon fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape polygon">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#hexagon-half" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Hexagon half
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape polygon">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#hexagon" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Hexagon
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="time history wait sand">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#hourglass-bottom" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Hourglass bottom
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="time history wait sand">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#hourglass-split" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Hourglass split
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="time history wait sand">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#hourglass-top" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Hourglass top
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="time history wait sand">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#hourglass" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Hourglass
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="home">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#house-door-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                House door fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="home">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#house-door" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                House door
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="home">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#house-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                House fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="home">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#house" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                House
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="divider horizonal-rule">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#hr" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Hr
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="picture photo">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#image-alt" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Image alt
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="picture photo">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#image-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Image fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="picture photo">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#image" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Image
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="picture photo">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#images" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Images
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mail email">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#inbox-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Inbox fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mail email">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#inbox" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Inbox
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mail email">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#inboxes-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Inboxes fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mail email">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#inboxes" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Inboxes
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="information help">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#info-circle-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Info circle fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="information help">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#info-circle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Info circle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="information help">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#info-square-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Info square fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="information help">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#info-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Info square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="information help">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#info" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Info
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="textarea form input">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#input-cursor-text" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Input cursor text
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="textarea form input">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#input-cursor" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Input cursor
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="graphics vector merge layers">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#intersect" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Intersect
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="file folder journal notebook">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#journal-album" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Journal album
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="file folder journal notebook">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#journal-arrow-down" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Journal arrow down
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="file folder journal notebook">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#journal-arrow-up" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Journal arrow up
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="file folder journal notebook">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#journal-check" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Journal check
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="file folder journal notebook">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#journal-code" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Journal code
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="file folder journal notebook">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#journal-medical" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Journal medical
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="file folder journal notebook">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#journal-minus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Journal minus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="file folder journal notebook">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#journal-plus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Journal plus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="file folder journal notebook">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#journal-richtext" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Journal richtext
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="file folder journal notebook">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#journal-text" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Journal text
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="file folder journal notebook">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#journal" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Journal
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="file folder journal notebook">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#journals" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Journals
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="gaming game video games">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#joystick" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Joystick
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type justify alignment">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#justify-left" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Justify left
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type justify alignment">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#justify-right" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Justify right
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type justify alignment">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#justify" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Justify
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="board project-management">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#kanban-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Kanban fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="board project-management">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#kanban" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Kanban
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="lock secure">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#key-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Key fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="lock secure">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#key" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Key
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="keyboard keys typing">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#keyboard-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Keyboard fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="keyboard keys typing">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#keyboard" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Keyboard
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="climb ladder">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#ladder" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Ladder
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="light lamp">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#lamp-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Lamp fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="light lamp">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#lamp" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Lamp
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="computer">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#laptop-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Laptop fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="computer">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#laptop" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Laptop
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="perspective stacked">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#layers-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Layers fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="perspective stacked">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#layers-half" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Layers half
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="perspective stacked">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#layers" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Layers
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="layout columns">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#layout-sidebar-inset-reverse" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Layout sidebar inset reverse
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="layout columns">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#layout-sidebar-inset" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Layout sidebar inset
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="grid layout sidebar">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#layout-sidebar-reverse" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Layout sidebar reverse
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="grid layout sidebar">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#layout-sidebar" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Layout sidebar
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="grid layout sidebar">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#layout-split" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Layout split
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="layout columns">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#layout-text-sidebar-reverse" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Layout text sidebar reverse
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="layout columns">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#layout-text-sidebar" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Layout text sidebar
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="layout columns">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#layout-text-window-reverse" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Layout text window reverse
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="layout columns">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#layout-text-window" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Layout text window
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="layout columns">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#layout-three-columns" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Layout three columns
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="layout broken">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#layout-wtf" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Layout wtf
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="lifesaver water">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#life-preserver" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Life preserver
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="weather storm thunder bolt">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#lightning-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Lightning fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="weather storm thunder bolt">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#lightning" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Lightning
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="anchor hyperlink href">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#link-45deg" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Link 45deg
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="anchor hyperlink href">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#link" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Link
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="text type justify alignment checklist done">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#list-check" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                List check
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type alignment children">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#list-nested" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                List nested
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="text type justify alignment ordered-list numbered-list numbered">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#list-ol" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                List ol
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type starred">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#list-stars" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                List stars
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="text type justify alignment todos task">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#list-task" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                List task
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="text type justify alignment unordered-list">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#list-ul" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                List ul
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type justify alignment">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#list" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                List
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="privacy security">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#lock-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Lock fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="privacy security">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#lock" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Lock
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="post postal">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#mailbox" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Mailbox
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="post postal">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#mailbox2" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Mailbox2
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="geography directions">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#map" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Map
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="markdown md content writing">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#markdown-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Markdown fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="markdown md content writing">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#markdown" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Markdown
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dropdown menu context app ui">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#menu-app-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Menu app fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dropdown menu context app ui">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#menu-app" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Menu app
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dropdown menu context app ui">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#menu-button-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Menu button fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dropdown menu context app ui">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#menu-button-wide-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Menu button wide fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dropdown menu context app ui">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#menu-button-wide" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Menu button wide
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dropdown menu context app ui">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#menu-button" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Menu button
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dropdown menu context app ui">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#menu-down" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Menu down
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="dropdown menu context app ui">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#menu-up" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Menu up
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="audio video av sound input microphone">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#mic-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Mic fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="audio video av sound input microphone">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#mic-mute-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Mic mute fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="audio video av sound input microphone">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#mic-mute" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Mic mute
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="audio video av sound input microphone">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#mic" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Mic
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mining cart">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#minecart-loaded" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Minecart loaded
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mining cart">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#minecart" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Minecart
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="lunar weather">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#moon" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Moon
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mice input">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#mouse" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Mouse
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mice input">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#mouse2" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Mouse2
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mice input">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#mouse3" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Mouse3
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="music notes audio sound">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#music-note-beamed" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Music note beamed
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="music notes audio sound playlist library">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#music-note-list" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Music note list
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="music notes audio sound">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#music-note" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Music note
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="ipod mp3">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#music-player-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Music player fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="ipod mp3">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#music-player" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Music player
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="news paper">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#newspaper" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Newspaper
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="add new node diagram">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#node-minus-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Node minus fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="add new node diagram">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#node-minus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Node minus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="add new node diagram">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#node-plus-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Node plus fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="add new node diagram">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#node-plus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Node plus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="nut bolt hex tools">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#nut-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Nut fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="nut bolt hex tools">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#nut" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Nut
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape polygon">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#octagon-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Octagon fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape polygon">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#octagon-half" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Octagon half
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape polygon">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#octagon" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Octagon
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="key mac">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#option" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Option
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="plug power">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#outlet" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Outlet
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="attachment">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#paperclip" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Paperclip
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="paragraph text body content">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#paragraph" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Paragraph
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="verified checkmark certified">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#patch-check-fll" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Patch check fll
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="verified checkmark certified">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#patch-check" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Patch check
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="excited certified">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#patch-exclamation-fll" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Patch exclamation fll
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="excited certified">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#patch-exclamation" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Patch exclamation
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#patch-minus-fll" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Patch minus fll
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#patch-minus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Patch minus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#patch-plus-fll" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Patch plus fll
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#patch-plus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Patch plus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#patch-question-fll" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Patch question fll
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#patch-question" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Patch question
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="audio video av">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#pause-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Pause fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="audio video av">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#pause" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Pause
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="peace love">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#peace-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Peace fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="peace love">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#peace" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Peace
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="edit write ballpoint">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#pen" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Pen
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="edit write">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#pencil-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Pencil square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="edit write">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#pencil" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Pencil
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape polygon">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#pentagon-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Pentagon fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape polygon">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#pentagon-half" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Pentagon half
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape polygon">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#pentagon" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Pentagon
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="humans organization avatar">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#people-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                People fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="humans organization avatar">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#people" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                People
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="percentage math fraction">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#percent" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Percent
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="human individual avatar badge id card">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#person-badge-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Person badge fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="human individual avatar badge id card">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#person-badge" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Person badge
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="human individual avatar crop">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#person-bounding-box" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Person bounding box
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="human individual avatar verified">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#person-check-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Person check fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="human individual avatar verified">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#person-check" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Person check
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="humans organization avatar">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#person-circle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Person circle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="human individual avatar remove delete">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#person-dash-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Person dash fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="human individual avatar remove delete">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#person-dash" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Person dash
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="human individual avatar">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#person-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Person fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="human individual avatar contact list">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#person-lines-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Person lines fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="human individual avatar new add">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#person-plus-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Person plus fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="human individual avatar new add">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#person-plus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Person plus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="human individual avatar">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#person-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Person square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="human individual avatar">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#person" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Person
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mobile telephone">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#phone-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Phone fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mobile telephone">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#phone-landscape-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Phone landscape fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mobile telephone">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#phone-landscape" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Phone landscape
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mobile telephone">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#phone" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Phone
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chart graph analytics">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#pie-chart-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Pie chart fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="chart graph analytics">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#pie-chart" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Pie chart
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="picture tv television display nested">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#pip-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Pip fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="picture tv television display nested">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#pip" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Pip
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="audio video av">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#play-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Play fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="audio video av">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#play" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Play
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="power outlet">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#plug" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Plug
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="add new">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#plus-circle-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Plus circle fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="add new">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#plus-circle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Plus circle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="add new">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#plus-square-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Plus square fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="add new">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#plus-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Plus square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="add new">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#plus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Plus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="false true">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#power" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Power
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="print">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#printer-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Printer fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="print">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#printer" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Printer
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="puzzle piece">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#puzzle-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Puzzle fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="puzzle piece">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#puzzle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Puzzle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="help">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#question-circle-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Question circle fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="help">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#question-circle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Question circle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="help">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#question-diamond-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Question diamond fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="help">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#question-diamond" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Question diamond
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="help">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#question-octagon-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Question octagon fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="help">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#question-octagon" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Question octagon
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="help">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#question-square-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Question square fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="help">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#question-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Question square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="help">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#question" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Question
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="receipt invoice sale purchase">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#receipt-cutoff" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Receipt cutoff
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="receipt invoice sale purchase">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#receipt" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Receipt
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="reception cellphone mobile carrier network">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#reception-0" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Reception 0
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="reception cellphone mobile carrier network">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#reception-1" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Reception 1
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="reception cellphone mobile carrier network">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#reception-2" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Reception 2
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="reception cellphone mobile carrier network">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#reception-3" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Reception 3
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="reception cellphone mobile carrier network">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#reception-4" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Reception 4
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mail email">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#reply-all-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Reply all fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mail email">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#reply-all" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Reply all
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mail email">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#reply-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Reply fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mail email">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#reply" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Reply
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="atom feed xml">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#rss-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Rss fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="atom feed xml">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#rss" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Rss
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="tool">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#screwdriver" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Screwdriver
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="magnifying-glass">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#search" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Search
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="nav tabs tabbed app ui">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#segmented-nav" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Segmented nav
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="server network">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#server" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Server
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="share link">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#share-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Share fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="share link">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#share" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Share
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="privacy security">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#shield-check" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Shield check
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="privacy security">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#shield-exclamation" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Shield exclamation
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="privacy security">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#shield-fill-check" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Shield fill check
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="privacy security">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#shield-fill-exclamation" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Shield fill exclamation
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="privacy security">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#shield-fill-minus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Shield fill minus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="privacy security">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#shield-fill-plus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Shield fill plus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="privacy security">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#shield-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Shield fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="privacy security lock">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#shield-lock-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Shield lock fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="privacy security lock">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#shield-lock" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Shield lock
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="privacy security">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#shield-minus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Shield minus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="privacy security">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#shield-plus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Shield plus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="privacy security">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#shield-shaded" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Shield shaded
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shield badge">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#shield-slash-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Shield slash fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shield badge">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#shield-slash" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Shield slash
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="privacy security">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#shield" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Shield
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="key">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#shift-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Shift fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="key">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#shift" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Shift
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="shop store market marketplace shopping retail">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#shop-window" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Shop window
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="shop store market marketplace shopping retail">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#shop" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Shop
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shuffle random">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#shuffle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Shuffle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="milestone sign road sign street sign directions">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#signpost-2-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Signpost 2 fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="milestone sign road sign street sign directions">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#signpost-2" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Signpost 2
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="milestone sign road sign street sign directions">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#signpost-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Signpost fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="milestone sign road sign street sign directions">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#signpost-split-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Signpost split fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="milestone sign road sign street sign directions">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#signpost-split" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Signpost split
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="milestone sign road sign street sign directions">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#signpost" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Signpost
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mobile carrier">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#sim-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Sim fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mobile carrier">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#sim" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Sim
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="audio video av">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#skip-backward-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Skip backward fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="audio video av">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#skip-backward" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Skip backward
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="audio video av">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#skip-end-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Skip end fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="audio video av">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#skip-end" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Skip end
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="audio video av">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#skip-forward-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Skip forward fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="audio video av">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#skip-forward" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Skip forward
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="audio video av">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#skip-start-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Skip start fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="audio video av">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#skip-start" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Skip start
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape stop ban false">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#slash-circle-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Slash circle fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape stop ban false">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#slash-circle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Slash circle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape stop ban false">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#slash-square-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Slash square fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape stop ban false">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#slash-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Slash square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape stop ban false">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#slash" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Slash
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="equalizer settings preferences dials">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#sliders" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Sliders
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="watch wearables">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#smartwatch" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Smartwatch
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="sort filter organize">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#sort-alpha-down-alt" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Sort alpha down alt
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#sort-alpha-down" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Sort alpha down
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="sort filter organize">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#sort-alpha-up-alt" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Sort alpha up alt
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="sort filter organize">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#sort-alpha-up" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Sort alpha up
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="sort filter organize">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#sort-down-alt" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Sort down alt
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="sort filter organize">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#sort-down" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Sort down
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="sort filter organize">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#sort-numeric-down-alt" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Sort numeric down alt
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="sort filter organize">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#sort-numeric-down" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Sort numeric down
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="sort filter organize">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#sort-numeric-up-alt" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Sort numeric up alt
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="sort filter organize">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#sort-numeric-up" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Sort numeric up
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="sort filter organize">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#sort-up-alt" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Sort up alt
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="sort filter organize">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#sort-up" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Sort up
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="audio sound wave">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#soundwave" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Soundwave
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="audio sound">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#speaker" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Speaker
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="spelling grammar">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#spellcheck" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Spellcheck
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape rectangle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#square-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Square fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape rectangle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#square-half" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Square half
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape rectangle">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape like favorite">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#star-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Star fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape like favorite">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#star-half" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Star half
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape like favorite">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#star" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Star
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="postit note sticky">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#stickies-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Stickies fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="postit note sticky">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#stickies" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Stickies
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="postit note sticky">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#sticky-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Sticky fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="postit note sticky">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#sticky" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Sticky
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="audio video av">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#stop-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Stop fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="audio video av">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#stop" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Stop
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="traffic lights intersection">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#stoplights-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Stoplights fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="traffic lights intersection">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#stoplights" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Stoplights
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="time timer">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#stopwatch-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Stopwatch fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="time timer">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#stopwatch" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Stopwatch
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="graphics vector merge layers">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#subtract" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Subtract
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="card cards suit deck gambling">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#suit-club-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Suit club fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="card cards suit deck gambling">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#suit-club" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Suit club
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="card cards suit deck gambling">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#suit-diamond-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Suit diamond fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="card cards suit deck gambling">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#suit-diamond" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Suit diamond
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="card cards suit deck gambling">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#suit-heart-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Suit heart fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="card cards suit deck gambling">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#suit-heart" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Suit heart
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="card cards suit deck gambling">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#suit-spade-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Suit spade fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="card cards suit deck gambling">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#suit-spade" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Suit spade
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="solar weather">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#sun" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Sun
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shades cool aviators">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#sunglasses" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Sunglasses
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="spreadsheet">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#table" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Table
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mobile">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#tablet-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Tablet fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mobile">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#tablet-landscape-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Tablet landscape fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mobile">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#tablet-landscape" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Tablet landscape
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="mobile">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#tablet" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Tablet
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="price category taxonomy">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#tag-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Tag fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="price category taxonomy">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#tag" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Tag
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="price category taxonomy">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#tags-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Tags fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#tags" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Tags
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="telephone phone call">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#telephone-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Telephone fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="telephone phone call">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#telephone-forward-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Telephone forward fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="telephone phone call">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#telephone-forward" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Telephone forward
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="telephone phone call">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#telephone-inbound-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Telephone inbound fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="telephone phone call">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#telephone-inbound" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Telephone inbound
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="telephone phone call">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#telephone-minus-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Telephone minus fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="telephone phone call">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#telephone-minus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Telephone minus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="telephone phone call">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#telephone-outbound-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Telephone outbound fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="telephone phone call">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#telephone-outbound" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Telephone outbound
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="telephone phone call">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#telephone-plus-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Telephone plus fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="telephone phone call">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#telephone-plus" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Telephone plus
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="telephone phone call">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#telephone-x-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Telephone x fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="telephone phone call">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#telephone-x" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Telephone x
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="telephone phone call">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#telephone" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Telephone
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="command-line cli command-prompt">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#terminal-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Terminal fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="command-line cli command-prompt">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#terminal" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Terminal
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type justify alignment">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#text-center" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Text center
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type justify alignment">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#text-indent-left" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Text indent left
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type justify alignment">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#text-indent-right" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Text indent right
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type justify alignment">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#text-left" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Text left
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type justify alignment">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#text-right" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Text right
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text form">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#textarea-resize" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Textarea resize
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text insert bounding-box">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#textarea-t" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Textarea t
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text insert bounding-box">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#textarea" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Textarea
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="temperature weather">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#thermometer-half" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Thermometer half
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="temperature weather">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#thermometer" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Thermometer
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="kebab more ellipsis">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#three-dots-vertical" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Three dots vertical
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="kebab more ellipsis">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#three-dots" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Three dots
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="toggle switch">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#toggle-off" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Toggle off
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="toggle switch">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#toggle-on" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Toggle on
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="toggle switch">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#toggle2-off" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Toggle2 off
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="toggle switch">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#toggle2-on" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Toggle2 on
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="toggle switch">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#toggles" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Toggles
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="toggle switch">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#toggles2" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Toggles2
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="tool wrench screwdriver">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#tools" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Tools
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="trash-can garbage delete">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#trash-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Trash fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="trash-can garbage delete">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#trash" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Trash
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="trash-can garbage delete">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#trash2-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Trash2 fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="trash-can garbage delete">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#trash2" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Trash2
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="tree forrest">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#tree-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Tree fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="tree forrest">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#tree" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Tree
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#triangle-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Triangle fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#triangle-half" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Triangle half
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="shape">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#triangle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Triangle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="prize winning">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#trophy" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Trophy
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="trucking shipping shipment transport deliver delivery">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#truck-flatbed" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Truck flatbed
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4"
                            data-tags="trucking shipping shipment transport deliver delivery">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#truck" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Truck
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="television monitor display">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#tv-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Tv fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="television monitor display">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#tv" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Tv
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#type-bold" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Type bold
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type heading">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#type-h1" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Type h1
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type heading">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#type-h2" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Type h2
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type heading">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#type-h3" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Type h3
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#type-italic" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Type italic
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#type-strikethrough" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Type strikethrough
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#type-underline" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Type underline
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="text type">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#type" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Type
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="checkbox form">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#ui-checks" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Ui checks
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="radio form">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#ui-radios" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Ui radios
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="graphics vector merge layers">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#union" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Union
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="privacy security">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#unlock-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Unlock fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="privacy security">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#unlock" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Unlock
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="purchase barcode">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#upc-scan" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Upc scan
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="purchase barcode">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#upc" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Upc
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="arrow network">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#upload" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Upload
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="view rearrange">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#view-list" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                View list
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="view rearrange">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#view-stacked" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                View stacked
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="voicemail message telephone">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#voicemail" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Voicemail
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="audio video av sound">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#volume-down-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Volume down fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="audio video av sound">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#volume-down" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Volume down
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="audio video av sound">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#volume-mute-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Volume mute fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="audio video av sound">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#volume-mute" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Volume mute
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="audio video av sound">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#volume-off-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Volume off fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="audio video av sound">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#volume-off" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Volume off
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="audio video av sound">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#volume-up-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Volume up fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="audio video av sound">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#volume-up" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Volume up
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="divider vertical-rule">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#vr" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Vr
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="cards money funds cash payment">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#wallet-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Wallet fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="cards money funds cash payment">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#wallet" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Wallet
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="cards money funds cash payment">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#wallet2" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Wallet2
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="wearables clock">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#watch" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Watch
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="internet network wireless">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#wifi-1" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Wifi 1
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="internet network wireless">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#wifi-2" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Wifi 2
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="internet network wireless">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#wifi-off" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Wifi off
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="internet network wireless">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#wifi" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Wifi
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="app application">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#window" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Window
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="tool">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#wrench" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Wrench
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="x delete reset clear">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#x-circle-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                X circle fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="x delete reset clear">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#x-circle" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                X circle
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="x delete reset clear">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#x-diamond-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                X diamond fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="x delete reset clear">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#x-diamond" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                X diamond
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="x delete reset clear">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#x-octagon-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                X octagon fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="x delete reset clear">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#x-octagon" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                X octagon
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="x delete reset clear">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use
                                        xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#x-square-fill" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                X square fill
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="x delete reset clear">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#x-square" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                X square
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="x delete reset clear">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#x" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                X
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="magnify scale">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#zoom-in" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Zoom in
                            </div>
                        </li>
                        <li class="col-6 col-lg-4 col-md-3 col-2 mb-4" data-tags="minify scale">

                            <div class="p-3 py-4 mb-2 bg-light text-center rounded">
                                <svg class="bi" width="1em" height="1em" fill="currentColor">
                                    <use xlink:href="assets/vendors/bootstrap-icons/bootstrap-icons.svg#zoom-out" />
                                </svg>
                            </div>
                            <div class="name text-muted text-decoration-none text-center pt-1">
                                Zoom out
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
</div>

            <footer>
                <div class="footer clearfix mb-0 text-muted">
                    <div class="float-start">
                        <p>2021 &copy; Mazer</p>
                    </div>
                    <div class="float-end">
                        <p>Crafted with <span class="text-danger"><i class="bi bi-heart"></i></span> by <a
                                href="http://ahmadsaugi.com">A. Saugi</a></p>
                    </div>
                </div>
            </footer>
        </div>
    </div>
    <script src="assets/vendors/perfect-scrollbar/perfect-scrollbar.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    
    <script src="assets/js/mazer.js"></script>
</body>

</html>