Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-611.26.1.el9_7.x86_64

PHP Version:

8.2.30

User:

u216334730

Directory:

/home/u216334730/domains/superpren.com/public_html/admin

Free Space:

14.9 TB

🔧 Quick Actions

✏️ Editing: icons-fontawesome.html

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

<head>
        <meta charset="utf-8" />
        <title>Font Awesome 5 | Xoric - Responsive Bootstrap 4 Admin Dashboard</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
        <meta content="Themesdesign" name="author" />
        
        <link rel="shortcut icon" href="assets/images/favicon.ico">

<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        
        <link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
        
        <link href="assets/css/app.min.css" rel="stylesheet" type="text/css" />

</head>

<div id="layout-wrapper">

<form class="app-search d-none d-lg-block">
                            <div class="position-relative">
                                <input type="text" class="form-control" placeholder="Search...">
                                <span class="mdi mdi-magnify"></span>
                            </div>
                        </form>
                    </div>

<div class="dropdown d-inline-block d-lg-none ml-2">
                            <button type="button" class="btn header-item noti-icon waves-effect" id="page-header-search-dropdown"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <i class="mdi mdi-magnify"></i>
                            </button>
                            <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right p-0"
                                aria-labelledby="page-header-search-dropdown">
                    
                                <form class="p-3">
                                    <div class="form-group m-0">
                                        <div class="input-group">
                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
                                            <div class="input-group-append">
                                                <button class="btn btn-primary" type="submit"><i class="mdi mdi-magnify"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
            
                        <div class="dropdown d-inline-block">
                            <button type="button" class="btn header-item waves-effect" id="page-header-flag-dropdown"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <img class="" src="assets/images/flags/us.jpg" alt="Header Language" height="14">
                            </button>
                            <div class="dropdown-menu dropdown-menu-right">
        
                                
                                <a href="javascript:void(0);" class="dropdown-item notify-item">
                                    <img src="assets/images/flags/spain.jpg" alt="user-image" class="mr-2" height="12"><span class="align-middle">Spanish</span>
                                </a>

<a href="javascript:void(0);" class="dropdown-item notify-item">
                                    <img src="assets/images/flags/germany.jpg" alt="user-image" class="mr-2" height="12"><span class="align-middle">German</span>
                                </a>

<a href="javascript:void(0);" class="dropdown-item notify-item">
                                    <img src="assets/images/flags/italy.jpg" alt="user-image" class="mr-2" height="12"><span class="align-middle">Italian</span>
                                </a>

<a href="javascript:void(0);" class="dropdown-item notify-item">
                                    <img src="assets/images/flags/russia.jpg" alt="user-image" class="mr-2" height="12"><span class="align-middle">Russian</span>
                                </a>
                            </div>
                        </div>

<div class="dropdown d-inline-block">
                            <button type="button" class="btn header-item waves-effect" id="page-header-user-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <img class="rounded-circle header-profile-user" src="assets/images/users/avatar-1.jpg" alt="Header Avatar">
                                <span class="d-none d-sm-inline-block ml-1">Smith</span>
                                <i class="mdi mdi-chevron-down d-none d-sm-inline-block"></i>
                            </button>
                            <div class="dropdown-menu dropdown-menu-right">
                                
                                <a class="dropdown-item" href="#"><i class="mdi mdi-face-profile font-size-16 align-middle mr-1"></i> Profile</a>
                                <a class="dropdown-item" href="#"><i class="mdi mdi-credit-card-outline font-size-16 align-middle mr-1"></i> Billing</a>
                                <a class="dropdown-item" href="#"><i class="mdi mdi-account-settings font-size-16 align-middle mr-1"></i> Settings</a>
                                <a class="dropdown-item" href="#"><i class="mdi mdi-lock font-size-16 align-middle mr-1"></i> Lock screen</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#"><i class="mdi mdi-logout font-size-16 align-middle mr-1"></i> Logout</a>
                            </div>
                        </div>
            
                    </div>
                </div>

</header>

<div class="vertical-menu">

<div id="sidebar-menu">
                        
                        <ul class="metismenu list-unstyled" id="side-menu">
                            <li class="menu-title">Menu</li>

<li>
                                <a href="index.html" class="waves-effect">
                                    <div class="d-inline-block icons-sm mr-1"><i class="uim uim-airplay"></i></div><span class="badge badge-pill badge-success float-right">3</span>
                                    <span>Dashboard</span>
                                </a>
                            </li>

<li>
                                <a href="calendar.html" class=" waves-effect">
                                    <div class="d-inline-block icons-sm mr-1"><i class="uim uim-schedule"></i></div>
                                    <span>Calendar</span>
                                </a>
                            </li>

<li>
                                <a href="javascript: void(0);" class="has-arrow waves-effect">
                                    <div class="d-inline-block icons-sm mr-1"><i class="uim uim-comment-message"></i></div>
                                    <span>Email</span>
                                </a>
                                <ul class="sub-menu" aria-expanded="false">
                                    <li><a href="email-inbox.html">Inbox</a></li>
                                    <li><a href="email-read.html">Email Read</a></li>
                                    <li><a href="email-compose.html">Email Compose</a></li>
                                </ul>
                            </li>

<li>
                                <a href="javascript: void(0);" class="has-arrow waves-effect">
                                    <div class="d-inline-block icons-sm mr-1"><i class="uim uim-sign-in-alt"></i></div>
                        
                                    <span>Authentication</span>
                                </a>
                                <ul class="sub-menu" aria-expanded="false">
                                    <li><a href="auth-login.html">Login</a></li>
                                    <li><a href="auth-register.html">Register</a></li>
                                    <li><a href="auth-recoverpw.html">Recover Password</a></li>
                                    <li><a href="auth-lock-screen.html">Lock Screen</a></li>
                                </ul>
                            </li>

<li>
                                <a href="javascript: void(0);" class="has-arrow waves-effect">
                                    <div class="d-inline-block icons-sm mr-1"><i class="uim uim-grids"></i></div>
                                    <span>Pages</span>
                                </a>
                                <ul class="sub-menu" aria-expanded="false">
                                    <li><a href="pages-starter.html">Starter Page</a></li>
                                    <li><a href="pages-maintenance.html">Maintenance</a></li>
                                    <li><a href="pages-comingsoon.html">Coming Soon</a></li>
                                    <li><a href="pages-timeline.html">Timeline</a></li>
                                    <li><a href="pages-gallery.html">Gallery</a></li>
                                    <li><a href="pages-faqs.html">FAQs</a></li>
                                    <li><a href="pages-pricing.html">Pricing</a></li>
                                    <li><a href="pages-404.html">Error 404</a></li>
                                    <li><a href="pages-500.html">Error 500</a></li>
                                </ul>
                            </li>

<li class="menu-title">Components</li>

<li>
                                <a href="javascript: void(0);" class="has-arrow waves-effect">
                                    <div class="d-inline-block icons-sm mr-1"><i class="uim uim-box"></i></div>
                                    <span>Bootstrap UI</span>
                                </a>
                                <ul class="sub-menu" aria-expanded="false">
                                    <li><a href="ui-alerts.html">Alerts</a></li>
                                    <li><a href="ui-badge.html">Badge</a></li>
                                    <li><a href="ui-buttons.html">Buttons</a></li>
                                    <li><a href="ui-cards.html">Cards</a></li>
                                    <li><a href="ui-dropdowns.html">Dropdowns</a></li>
                                    <li><a href="ui-navs.html">Navs</a></li>
                                    <li><a href="ui-tabs-accordions.html">Tabs &amp; Accordions</a></li>
                                    <li><a href="ui-modals.html">Modals</a></li>
                                    <li><a href="ui-images.html">Images</a></li>
                                    <li><a href="ui-progressbars.html">Progress Bars</a></li>
                                    <li><a href="ui-pagination.html">Pagination</a></li>
                                    <li><a href="ui-popover-tooltips.html">Popover & Tooltips</a></li>
                                    <li><a href="ui-spinner.html">Spinner</a></li>
                                    <li><a href="ui-carousel.html">Carousel</a></li>
                                    <li><a href="ui-video.html">Video</a></li>
                                    <li><a href="ui-typography.html">Typography</a></li>
                                    <li><a href="ui-grid.html">Grid</a></li>
                                </ul>
                            </li>

<li>
                                <a href="javascript: void(0);" class="has-arrow waves-effect">
                                    <div class="d-inline-block icons-sm mr-1"><i class="uim uim-layer-group"></i></div>
                                    <span>Advanced UI</span>
                                </a>
                                <ul class="sub-menu" aria-expanded="false">
                                    <li><a href="advanced-alertify.html">Alertify</a></li>
                                    <li><a href="advanced-rating.html">Rating</a></li>
                                    <li><a href="advanced-nestable.html">Nestable</a></li>
                                    <li><a href="advanced-rangeslider.html">Range Slider</a></li>
                                    <li><a href="advanced-sweet-alert.html">Sweet-Alert</a></li>
                                    <li><a href="advanced-lightbox.html">Lightbox</a></li>
                                </ul>
                            </li>

<li>
                                <a href="javascript: void(0);" class="has-arrow waves-effect">
                                    <div class="d-inline-block icons-sm mr-1"><i class="uim uim-object-ungroup"></i></div>
                                    <span>Icons</span>
                                </a>
                                <ul class="sub-menu" aria-expanded="false">
                                    <li><a href="icons-materialdesign.html">Material Design</a></li>
                                    <li><a href="icons-dripicons.html">Dripicons</a></li>
                                    <li><a href="icons-fontawesome.html">Font Awesome 5</a></li>
                                    <li><a href="icons-themify.html">Themify</a></li>
                                    <li><a href="icons-unicons.html">Unicons - Dual Tone</a></li>
                                </ul>
                            </li>

<li>
                                <a href="javascript: void(0);" class="has-arrow waves-effect">
                                    <div class="d-inline-block icons-sm mr-1"><i class="uim uim-table"></i></div>
                                    <span>Tables</span>
                                </a>
                                <ul class="sub-menu" aria-expanded="false">
                                    <li><a href="tables-basic.html">Basic Tables</a></li>
                                    <li><a href="tables-datatable.html">Data Tables</a></li>
                                    <li><a href="tables-responsive.html">Responsive Table</a></li>
                                    <li><a href="tables-editable.html">Editable Table</a></li>
                                </ul>
                            </li>

<li>
                                <a href="javascript: void(0);" class="waves-effect">
                                    <div class="d-inline-block icons-sm mr-1"><i class="uim uim-document-layout-left"></i></div>
                                    <span class="badge badge-pill badge-danger float-right">07</span>
                                    <span>Forms</span>
                                </a>
                                <ul class="sub-menu" aria-expanded="false">
                                    <li><a href="form-elements.html">Form Elements</a></li>
                                    <li><a href="form-validation.html">Form Validation</a></li>
                                    <li><a href="form-advanced.html">Form Advanced</a></li>
                                    <li><a href="form-editors.html">Form Editors</a></li>
                                    <li><a href="form-uploads.html">Form File Upload</a></li>
                                    <li><a href="form-mask.html">Form Mask</a></li>
                                    <li><a href="form-summernote.html">Summernote</a></li>
                                </ul>
                            </li>

<li>
                                <a href="javascript: void(0);" class="has-arrow waves-effect">
                                    <div class="d-inline-block icons-sm mr-1"><i class="uim uim-chart-pie"></i></div>
                                    <span>Charts</span>
                                </a>
                                <ul class="sub-menu" aria-expanded="false">
                                    <li><a href="charts-morris.html">Morris</a></li>
                                    <li><a href="charts-apex.html">Apex</a></li>
                                    <li><a href="charts-chartist.html">Chartist</a></li>
                                    <li><a href="charts-chartjs.html">Chartjs</a></li>
                                    <li><a href="charts-flot.html">Flot</a></li>
                                    <li><a href="charts-sparkline.html">Sparkline</a></li>
                                    <li><a href="charts-knob.html">Jquery Knob</a></li>
                                </ul>
                            </li>

<li>
                                <a href="javascript: void(0);" class="has-arrow waves-effect">
                                    <div class="d-inline-block icons-sm mr-1"><i class="uim uim-comment-plus"></i></div>
                                    <span>Maps</span>
                                </a>
                                <ul class="sub-menu" aria-expanded="false">
                                    <li><a href="maps-google.html">Google map</a></li>
                                    <li><a href="maps-vector.html">Vector map</a></li>
                                </ul>
                            </li>

<li>
                                <a href="javascript: void(0);" class="has-arrow waves-effect">
                                    <div class="d-inline-block icons-sm mr-1"><i class="uim uim-window-grid"></i></div>
                                    <span>Layouts</span>
                                </a>
                                <ul class="sub-menu" aria-expanded="false">
                                    <li><a href="layouts-horizontal.html">Horizontal</a></li>
                                    <li><a href="layouts-dark-sidebar.html">Dark Sidebar</a></li>
                                    <li><a href="layouts-sidebar-sm.html">Small Sidebar</a></li>
                                    <li><a href="layouts-icon-sidebar.html">Icon Sidebar</a></li>
                                    <li><a href="layouts-colored-sidebar.html">Colored Sidebar</a></li>
                                    <li><a href="layouts-boxed.html">Boxed Layout</a></li>
                                </ul>
                            </li>

<li>
                                <a href="javascript: void(0);" class="has-arrow waves-effect">
                                    <div class="d-inline-block icons-sm mr-1"><i class="uim uim-layers-alt"></i></div>
                                    <span>Multi Level</span>
                                </a>
                                <ul class="sub-menu" aria-expanded="true">
                                    <li><a href="javascript: void(0);">Level 1.1</a></li>
                                    <li><a href="javascript: void(0);" class="has-arrow">Level 1.2</a>
                                        <ul class="sub-menu" aria-expanded="true">
                                            <li><a href="javascript: void(0);">Level 2.1</a></li>
                                            <li><a href="javascript: void(0);">Level 2.2</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>

</ul>

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

<div class="main-content">

<div class="page-title-box">
                        <div class="container-fluid">
                            <div class="row align-items-center">
                                <div class="col-md-8">
                                    <h4 class="page-title mb-1">Font Awesome 5</h4>
                                    <ol class="breadcrumb m-0">
                                        <li class="breadcrumb-item"><a href="javascript: void(0);">Icons</a></li>
                                    <li class="breadcrumb-item active">Font Awesome</li>
                                    </ol>
                                </div>
                                <div class="col-md-4">
                                    <div class="float-right d-none d-md-block">
                                        <div class="dropdown">
                                            <button class="btn btn-light btn-rounded dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <i class="mdi mdi-settings-outline mr-1"></i> Settings
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-right dropdown-menu-animated">
                                                <a class="dropdown-item" href="#">Action</a>
                                                <a class="dropdown-item" href="#">Another action</a>
                                                <a class="dropdown-item" href="#">Something else here</a>
                                                <div class="dropdown-divider"></div>
                                                <a class="dropdown-item" href="#">Separated link</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

</div>
                    </div>

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

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

<footer class="footer">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-sm-6">
                                2020 © Xoric.
                            </div>
                            <div class="col-sm-6">
                                <div class="text-sm-right d-none d-sm-block">
                                    Crafted with <i class="mdi mdi-heart text-danger"></i> by Themesdesign
                                </div>
                            </div>
                        </div>
                    </div>
                </footer>
            </div>

</div>

<div class="right-bar">
            <div data-simplebar class="h-100">
    
                
                <ul class="nav nav-tabs nav-tabs-custom rightbar-nav-tab nav-justified" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link py-3 active" data-toggle="tab" href="#chat-tab" role="tab">
                            <i class="mdi mdi-message-text font-size-22"></i>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link py-3" data-toggle="tab" href="#tasks-tab" role="tab">
                            <i class="mdi mdi-format-list-checkbox font-size-22"></i>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link py-3" data-toggle="tab" href="#settings-tab" role="tab">
                            <i class="mdi mdi-settings font-size-22"></i>
                        </a>
                    </li>
                </ul>

<div class="tab-content text-muted">
                    <div class="tab-pane active" id="chat-tab" role="tabpanel">
                
                        <form class="search-bar py-4 px-3">
                            <div class="position-relative">
                                <input type="text" class="form-control" placeholder="Search...">
                                <span class="mdi mdi-magnify"></span>
                            </div>
                        </form>

<h6 class="px-4 py-3 mt-2 bg-light">Group Chats</h6>

<div class="p-2">
                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
                                <span class="mb-0 mt-1">App Development</span>
                            </a>

<a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
                                <span class="mb-0 mt-1">Office Work</span>
                            </a>

<a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
                                <span class="mb-0 mt-1">Personal Group</span>
                            </a>

<a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
                                <span class="mb-0 mt-1">Freelance</span>
                            </a>
                        </div>

<h6 class="px-4 py-3 mt-4 bg-light">Favourites</h6>

<div class="p-2">
                            <a href="javascript: void(0);" class="text-reset notification-item">
                                <div class="media">
                                    <div class="position-relative align-self-center mr-3">
                                        <img src="assets/images/users/avatar-10.jpg" class="rounded-circle avatar-xs" alt="user-pic">
                                        <i class="mdi mdi-circle user-status online"></i>
                                    </div>
                                    <div class="media-body overflow-hidden">
                                        <h6 class="mt-0 mb-1">Andrew Mackie</h6>
                                        <div class="font-size-12 text-muted">
                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
                                        </div>
                                    </div>
                                </div>
                            </a>

<a href="javascript: void(0);" class="text-reset notification-item">
                                <div class="media">
                                    <div class="position-relative align-self-center mr-3">
                                        <img src="assets/images/users/avatar-1.jpg" class="rounded-circle avatar-xs" alt="user-pic">
                                        <i class="mdi mdi-circle user-status away"></i>
                                    </div>
                                    <div class="media-body overflow-hidden">
                                        <h6 class="mt-0 mb-1">Rory Dalyell</h6>
                                        <div class="font-size-12 text-muted">
                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
                                        </div>
                                    </div>
                                </div>
                            </a>

<a href="javascript: void(0);" class="text-reset notification-item">
                                <div class="media">
                                    <div class="position-relative align-self-center mr-3">
                                        <img src="assets/images/users/avatar-9.jpg" class="rounded-circle avatar-xs" alt="user-pic">
                                        <i class="mdi mdi-circle user-status busy"></i>
                                    </div>
                                    <div class="media-body overflow-hidden">
                                        <h6 class="mt-0 mb-1">Jaxon Dunhill</h6>
                                        <div class="font-size-12 text-muted">
                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>

<h6 class="px-4 py-3 mt-4 bg-light">Other Chats</h6>

<div class="p-2 pb-4">
                            <a href="javascript: void(0);" class="text-reset notification-item">
                                <div class="media">
                                    <div class="position-relative align-self-center mr-3">
                                        <img src="assets/images/users/avatar-2.jpg" class="rounded-circle avatar-xs" alt="user-pic">
                                        <i class="mdi mdi-circle user-status online"></i>
                                    </div>
                                    <div class="media-body overflow-hidden">
                                        <h6 class="mt-0 mb-1">Jackson Therry</h6>
                                        <div class="font-size-12 text-muted">
                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
                                        </div>
                                    </div>
                                </div>
                            </a>

<a href="javascript: void(0);" class="text-reset notification-item">
                                <div class="media">
                                    <div class="position-relative align-self-center mr-3">
                                        <img src="assets/images/users/avatar-4.jpg" class="rounded-circle avatar-xs" alt="user-pic">
                                        <i class="mdi mdi-circle user-status away"></i>
                                    </div>
                                    <div class="media-body overflow-hidden">
                                        <h6 class="mt-0 mb-1">Charles Deakin</h6>
                                        <div class="font-size-12 text-muted">
                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
                                        </div>
                                    </div>
                                </div>
                            </a>

<a href="javascript: void(0);" class="text-reset notification-item">
                                <div class="media">
                                    <div class="position-relative align-self-center mr-3">
                                        <img src="assets/images/users/avatar-5.jpg" class="rounded-circle avatar-xs" alt="user-pic">
                                        <i class="mdi mdi-circle user-status online"></i>
                                    </div>
                                    <div class="media-body overflow-hidden">
                                        <h6 class="mt-0 mb-1">Ryan Salting</h6>
                                        <div class="font-size-12 text-muted">
                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
                                        </div>
                                    </div>
                                </div>
                            </a>

<a href="javascript: void(0);" class="text-reset notification-item">
                                <div class="media">
                                    <div class="position-relative align-self-center mr-3">
                                        <img src="assets/images/users/avatar-6.jpg" class="rounded-circle avatar-xs" alt="user-pic">
                                        <i class="mdi mdi-circle user-status online"></i>
                                    </div>
                                    <div class="media-body overflow-hidden">
                                        <h6 class="mt-0 mb-1">Sean Howse</h6>
                                        <div class="font-size-12 text-muted">
                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
                                        </div>
                                    </div>
                                </div>
                            </a>

<a href="javascript: void(0);" class="text-reset notification-item">
                                <div class="media">
                                    <div class="position-relative align-self-center mr-3">
                                        <img src="assets/images/users/avatar-7.jpg" class="rounded-circle avatar-xs" alt="user-pic">
                                        <i class="mdi mdi-circle user-status busy"></i>
                                    </div>
                                    <div class="media-body overflow-hidden">
                                        <h6 class="mt-0 mb-1">Dean Coward</h6>
                                        <div class="font-size-12 text-muted">
                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
                                        </div>
                                    </div>
                                </div>
                            </a>

<a href="javascript: void(0);" class="text-reset notification-item">
                                <div class="media">
                                    <div class="position-relative align-self-center mr-3">
                                        <img src="assets/images/users/avatar-8.jpg" class="rounded-circle avatar-xs" alt="user-pic">
                                        <i class="mdi mdi-circle user-status away"></i>
                                    </div>
                                    <div class="media-body overflow-hidden">
                                        <h6 class="mt-0 mb-1">Hayley East</h6>
                                        <div class="font-size-12 text-muted">
                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>

</div>

<div class="tab-pane" id="tasks-tab" role="tabpanel">
                        <h6 class="p-3 mb-0 mt-4 bg-light">Working Tasks</h6>

<div class="p-2">
                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-3">
                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
                                <div class="progress mt-2" style="height: 4px;">
                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
                                </div>
                            </a>

<a href="javascript: void(0);" class="text-reset item-hovered d-block p-3">
                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
                                <div class="progress mt-2" style="height: 4px;">
                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
                                </div>
                            </a>

<a href="javascript: void(0);" class="text-reset item-hovered d-block p-3">
                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
                                <div class="progress mt-2" style="height: 4px;">
                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
                                </div>
                            </a>
                        </div>

<h6 class="p-3 mb-0 mt-4 bg-light">Upcoming Tasks</h6>

<div class="p-2">
                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-3">
                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
                                <div class="progress mt-2" style="height: 4px;">
                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
                                </div>
                            </a>

<a href="javascript: void(0);" class="text-reset item-hovered d-block p-3">
                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
                                <div class="progress mt-2" style="height: 4px;">
                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
                                </div>
                            </a>

<a href="javascript: void(0);" class="text-reset item-hovered d-block p-3">
                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
                                <div class="progress mt-2" style="height: 4px;">
                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
                                </div>
                            </a>
                        </div>

<div class="p-3 mt-2">
                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
                        </div>

</div>
                    <div class="tab-pane" id="settings-tab" role="tabpanel">
                            <h6 class="px-4 py-3 bg-light">General Settings</h6>

<div class="p-4">
                            <h6 class="font-weight-medium">Online Status</h6>
                            <div class="custom-control custom-switch mb-1">
                                <input type="checkbox" class="custom-control-input" id="settings-check1" name="settings-check1" checked="">
                                <label class="custom-control-label font-weight-normal" for="settings-check1">Show your status to all</label>
                            </div>

<h6 class="mt-4">Auto Updates</h6>
                            <div class="custom-control custom-switch mb-1">
                                <input type="checkbox" class="custom-control-input" id="settings-check2" name="settings-check2" checked="">
                                <label class="custom-control-label font-weight-normal" for="settings-check2">Keep up to date</label>
                            </div>

<h6 class="mt-4">Backup Setup</h6>
                            <div class="custom-control custom-switch mb-1">
                                <input type="checkbox" class="custom-control-input" id="settings-check3" name="settings-check3">
                                <label class="custom-control-label font-weight-normal" for="settings-check3">Auto backup</label>
                            </div>

</div>

<h6 class="px-4 py-3 mt-2 bg-light">Advanced Settings</h6>

<div class="p-4">
                            <h6 class="font-weight-medium">Application Alerts</h6>
                            <div class="custom-control custom-switch mb-1">
                                <input type="checkbox" class="custom-control-input" id="settings-check4" name="settings-check4" checked="">
                                <label class="custom-control-label font-weight-normal" for="settings-check4">Email Notifications</label>
                            </div>

<div class="custom-control custom-switch mb-1">
                                <input type="checkbox" class="custom-control-input" id="settings-check5" name="settings-check5">
                                <label class="custom-control-label font-weight-normal" for="settings-check5">SMS Notifications</label>
                            </div>

<h6 class="mt-4">API</h6>
                            <div class="custom-control custom-switch mb-1">
                                <input type="checkbox" class="custom-control-input" id="settings-check6" name="settings-check6">
                                <label class="custom-control-label font-weight-normal" for="settings-check6">Enable access</label>
                            </div>

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

</div> 
        </div>

<div class="rightbar-overlay"></div>

<script src="assets/libs/jquery/jquery.min.js"></script>
        <script src="assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
        <script src="assets/libs/metismenu/metisMenu.min.js"></script>
        <script src="assets/libs/simplebar/simplebar.min.js"></script>
        <script src="assets/libs/node-waves/waves.min.js"></script>

</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: icons-fontawesome.html

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation