@extends('layouts.app')
@section('content')
    <div class="content-heading">
        <div>
            <span>Icons</span>
            <small>Font Awesome and Simple Line Icons gives you scalable vector icons that can instantly be customized</small>
        </div>
    </div>
    <h4 class="page-header mt-0">Font Awesome 5</h4>
    <div class="row">
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-500px"></em>
                    <span>500px</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-accessible-icon"></em>
                    <span>accessible-icon</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-accusoft"></em>
                    <span>accusoft</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-address-book"></em>
                    <span>address-book</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-address-book"></em>
                    <span>address-book</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-address-card"></em>
                    <span>address-card</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-address-card"></em>
                    <span>address-card</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-adjust"></em>
                    <span>adjust</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-adn"></em>
                    <span>adn</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-adversal"></em>
                    <span>adversal</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-affiliatetheme"></em>
                    <span>affiliatetheme</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-algolia"></em>
                    <span>algolia</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-align-center"></em>
                    <span>align-center</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-align-justify"></em>
                    <span>align-justify</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-align-left"></em>
                    <span>align-left</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-align-right"></em>
                    <span>align-right</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-allergies"></em>
                    <span>allergies</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-amazon"></em>
                    <span>amazon</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-amazon-pay"></em>
                    <span>amazon-pay</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-ambulance"></em>
                    <span>ambulance</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-american-sign-language-interpreting"></em>
                    <span>american-sign-lan...</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-amilia"></em>
                    <span>amilia</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-anchor"></em>
                    <span>anchor</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-android"></em>
                    <span>android</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-angellist"></em>
                    <span>angellist</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-angle-double-down"></em>
                    <span>angle-double-down</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-angle-double-left"></em>
                    <span>angle-double-left</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-angle-double-right"></em>
                    <span>angle-double-right</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-angle-double-up"></em>
                    <span>angle-double-up</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-angle-down"></em>
                    <span>angle-down</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-angle-left"></em>
                    <span>angle-left</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-angle-right"></em>
                    <span>angle-right</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-angle-up"></em>
                    <span>angle-up</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-angrycreative"></em>
                    <span>angrycreative</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-angular"></em>
                    <span>angular</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-app-store"></em>
                    <span>app-store</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-app-store-ios"></em>
                    <span>app-store-ios</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-apper"></em>
                    <span>apper</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-apple"></em>
                    <span>apple</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-apple-pay"></em>
                    <span>apple-pay</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-archive"></em>
                    <span>archive</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-arrow-alt-circle-down"></em>
                    <span>arrow-alt-circle-down</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-arrow-alt-circle-down"></em>
                    <span>arrow-alt-circle-down</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-arrow-alt-circle-left"></em>
                    <span>arrow-alt-circle-left</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-arrow-alt-circle-left"></em>
                    <span>arrow-alt-circle-left</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-arrow-alt-circle-right"></em>
                    <span>arrow-alt-circle-right</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-arrow-alt-circle-right"></em>
                    <span>arrow-alt-circle-right</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-arrow-alt-circle-up"></em>
                    <span>arrow-alt-circle-up</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-arrow-alt-circle-up"></em>
                    <span>arrow-alt-circle-up</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-arrow-circle-down"></em>
                    <span>arrow-circle-down</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-arrow-circle-left"></em>
                    <span>arrow-circle-left</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-arrow-circle-right"></em>
                    <span>arrow-circle-right</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-arrow-circle-up"></em>
                    <span>arrow-circle-up</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-arrow-down"></em>
                    <span>arrow-down</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-arrow-left"></em>
                    <span>arrow-left</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-arrow-right"></em>
                    <span>arrow-right</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-arrow-up"></em>
                    <span>arrow-up</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-arrows-alt"></em>
                    <span>arrows-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-arrows-alt-h"></em>
                    <span>arrows-alt-h</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-arrows-alt-v"></em>
                    <span>arrows-alt-v</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-assistive-listening-systems"></em>
                    <span>assistive-listening-systems</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-asterisk"></em>
                    <span>asterisk</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-asymmetrik"></em>
                    <span>asymmetrik</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-at"></em>
                    <span>at</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-audible"></em>
                    <span>audible</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-audio-description"></em>
                    <span>audio-description</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-autoprefixer"></em>
                    <span>autoprefixer</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-avianex"></em>
                    <span>avianex</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-aviato"></em>
                    <span>aviato</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-aws"></em>
                    <span>aws</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-backward"></em>
                    <span>backward</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-balance-scale"></em>
                    <span>balance-scale</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-ban"></em>
                    <span>ban</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-band-aid"></em>
                    <span>band-aid</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-bandcamp"></em>
                    <span>bandcamp</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-barcode"></em>
                    <span>barcode</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-bars"></em>
                    <span>bars</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-baseball-ball"></em>
                    <span>baseball-ball</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-basketball-ball"></em>
                    <span>basketball-ball</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-bath"></em>
                    <span>bath</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-battery-empty"></em>
                    <span>battery-empty</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-battery-full"></em>
                    <span>battery-full</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-battery-half"></em>
                    <span>battery-half</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-battery-quarter"></em>
                    <span>battery-quarter</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-battery-three-quarters"></em>
                    <span>battery-three-quarters</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-bed"></em>
                    <span>bed</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-beer"></em>
                    <span>beer</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-behance"></em>
                    <span>behance</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-behance-square"></em>
                    <span>behance-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-bell"></em>
                    <span>bell</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-bell"></em>
                    <span>bell</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-bell-slash"></em>
                    <span>bell-slash</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-bell-slash"></em>
                    <span>bell-slash</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-bicycle"></em>
                    <span>bicycle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-bimobject"></em>
                    <span>bimobject</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-binoculars"></em>
                    <span>binoculars</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-birthday-cake"></em>
                    <span>birthday-cake</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-bitbucket"></em>
                    <span>bitbucket</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-bitcoin"></em>
                    <span>bitcoin</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-bity"></em>
                    <span>bity</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-black-tie"></em>
                    <span>black-tie</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-blackberry"></em>
                    <span>blackberry</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-blender"></em>
                    <span>blender</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-blind"></em>
                    <span>blind</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-blogger"></em>
                    <span>blogger</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-blogger-b"></em>
                    <span>blogger-b</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-bluetooth"></em>
                    <span>bluetooth</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-bluetooth-b"></em>
                    <span>bluetooth-b</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-bold"></em>
                    <span>bold</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-bolt"></em>
                    <span>bolt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-bomb"></em>
                    <span>bomb</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-book"></em>
                    <span>book</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-book-open"></em>
                    <span>book-open</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-bookmark"></em>
                    <span>bookmark</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-bookmark"></em>
                    <span>bookmark</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-bowling-ball"></em>
                    <span>bowling-ball</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-box"></em>
                    <span>box</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-box-open"></em>
                    <span>box-open</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-boxes"></em>
                    <span>boxes</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-braille"></em>
                    <span>braille</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-briefcase"></em>
                    <span>briefcase</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-briefcase-medical"></em>
                    <span>briefcase-medical</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-broadcast-tower"></em>
                    <span>broadcast-tower</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-broom"></em>
                    <span>broom</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-btc"></em>
                    <span>btc</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-bug"></em>
                    <span>bug</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-building"></em>
                    <span>building</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-building"></em>
                    <span>building</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-bullhorn"></em>
                    <span>bullhorn</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-bullseye"></em>
                    <span>bullseye</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-burn"></em>
                    <span>burn</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-buromobelexperte"></em>
                    <span>buromobelexperte</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-bus"></em>
                    <span>bus</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-buysellads"></em>
                    <span>buysellads</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-calculator"></em>
                    <span>calculator</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-calendar"></em>
                    <span>calendar</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-calendar"></em>
                    <span>calendar</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-calendar-alt"></em>
                    <span>calendar-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-calendar-alt"></em>
                    <span>calendar-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-calendar-check"></em>
                    <span>calendar-check</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-calendar-check"></em>
                    <span>calendar-check</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-calendar-minus"></em>
                    <span>calendar-minus</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-calendar-minus"></em>
                    <span>calendar-minus</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-calendar-plus"></em>
                    <span>calendar-plus</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-calendar-plus"></em>
                    <span>calendar-plus</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-calendar-times"></em>
                    <span>calendar-times</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-calendar-times"></em>
                    <span>calendar-times</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-camera"></em>
                    <span>camera</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-camera-retro"></em>
                    <span>camera-retro</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-capsules"></em>
                    <span>capsules</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-car"></em>
                    <span>car</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-caret-down"></em>
                    <span>caret-down</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-caret-left"></em>
                    <span>caret-left</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-caret-right"></em>
                    <span>caret-right</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-caret-square-down"></em>
                    <span>caret-square-down</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-caret-square-down"></em>
                    <span>caret-square-down</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-caret-square-left"></em>
                    <span>caret-square-left</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-caret-square-left"></em>
                    <span>caret-square-left</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-caret-square-right"></em>
                    <span>caret-square-right</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-caret-square-right"></em>
                    <span>caret-square-right</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-caret-square-up"></em>
                    <span>caret-square-up</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-caret-square-up"></em>
                    <span>caret-square-up</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-caret-up"></em>
                    <span>caret-up</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-cart-arrow-down"></em>
                    <span>cart-arrow-down</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-cart-plus"></em>
                    <span>cart-plus</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-cc-amazon-pay"></em>
                    <span>cc-amazon-pay</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-cc-amex"></em>
                    <span>cc-amex</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-cc-apple-pay"></em>
                    <span>cc-apple-pay</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-cc-diners-club"></em>
                    <span>cc-diners-club</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-cc-discover"></em>
                    <span>cc-discover</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-cc-jcb"></em>
                    <span>cc-jcb</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-cc-mastercard"></em>
                    <span>cc-mastercard</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-cc-paypal"></em>
                    <span>cc-paypal</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-cc-stripe"></em>
                    <span>cc-stripe</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-cc-visa"></em>
                    <span>cc-visa</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-centercode"></em>
                    <span>centercode</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-certificate"></em>
                    <span>certificate</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-chalkboard"></em>
                    <span>chalkboard</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-chalkboard-teacher"></em>
                    <span>chalkboard-teacher</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-chart-area"></em>
                    <span>chart-area</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-chart-bar"></em>
                    <span>chart-bar</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-chart-bar"></em>
                    <span>chart-bar</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-chart-line"></em>
                    <span>chart-line</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-chart-pie"></em>
                    <span>chart-pie</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-check"></em>
                    <span>check</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-check-circle"></em>
                    <span>check-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-check-circle"></em>
                    <span>check-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-check-square"></em>
                    <span>check-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-check-square"></em>
                    <span>check-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-chess"></em>
                    <span>chess</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-chess-bishop"></em>
                    <span>chess-bishop</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-chess-board"></em>
                    <span>chess-board</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-chess-king"></em>
                    <span>chess-king</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-chess-knight"></em>
                    <span>chess-knight</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-chess-pawn"></em>
                    <span>chess-pawn</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-chess-queen"></em>
                    <span>chess-queen</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-chess-rook"></em>
                    <span>chess-rook</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-chevron-circle-down"></em>
                    <span>chevron-circle-down</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-chevron-circle-left"></em>
                    <span>chevron-circle-left</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-chevron-circle-right"></em>
                    <span>chevron-circle-right</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-chevron-circle-up"></em>
                    <span>chevron-circle-up</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-chevron-down"></em>
                    <span>chevron-down</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-chevron-left"></em>
                    <span>chevron-left</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-chevron-right"></em>
                    <span>chevron-right</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-chevron-up"></em>
                    <span>chevron-up</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-child"></em>
                    <span>child</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-chrome"></em>
                    <span>chrome</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-church"></em>
                    <span>church</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-circle"></em>
                    <span>circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-circle"></em>
                    <span>circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-circle-notch"></em>
                    <span>circle-notch</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-clipboard"></em>
                    <span>clipboard</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-clipboard"></em>
                    <span>clipboard</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-clipboard-check"></em>
                    <span>clipboard-check</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-clipboard-list"></em>
                    <span>clipboard-list</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-clock"></em>
                    <span>clock</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-clock"></em>
                    <span>clock</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-clone"></em>
                    <span>clone</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-clone"></em>
                    <span>clone</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-closed-captioning"></em>
                    <span>closed-captioning</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-closed-captioning"></em>
                    <span>closed-captioning</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-cloud"></em>
                    <span>cloud</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-cloud-download-alt"></em>
                    <span>cloud-download-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-cloud-upload-alt"></em>
                    <span>cloud-upload-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-cloudscale"></em>
                    <span>cloudscale</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-cloudsmith"></em>
                    <span>cloudsmith</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-cloudversify"></em>
                    <span>cloudversify</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-code"></em>
                    <span>code</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-code-branch"></em>
                    <span>code-branch</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-codepen"></em>
                    <span>codepen</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-codiepie"></em>
                    <span>codiepie</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-coffee"></em>
                    <span>coffee</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-cog"></em>
                    <span>cog</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-cogs"></em>
                    <span>cogs</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-coins"></em>
                    <span>coins</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-columns"></em>
                    <span>columns</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-comment"></em>
                    <span>comment</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-comment"></em>
                    <span>comment</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-comment-alt"></em>
                    <span>comment-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-comment-alt"></em>
                    <span>comment-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-comment-dots"></em>
                    <span>comment-dots</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-comment-dots"></em>
                    <span>comment-dots</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-comment-slash"></em>
                    <span>comment-slash</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-comments"></em>
                    <span>comments</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-comments"></em>
                    <span>comments</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-compact-disc"></em>
                    <span>compact-disc</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-compass"></em>
                    <span>compass</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-compass"></em>
                    <span>compass</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-compress"></em>
                    <span>compress</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-connectdevelop"></em>
                    <span>connectdevelop</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-contao"></em>
                    <span>contao</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-copy"></em>
                    <span>copy</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-copy"></em>
                    <span>copy</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-copyright"></em>
                    <span>copyright</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-copyright"></em>
                    <span>copyright</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-couch"></em>
                    <span>couch</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-cpanel"></em>
                    <span>cpanel</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-creative-commons"></em>
                    <span>creative-commons</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-creative-commons-by"></em>
                    <span>creative-commons-by</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-creative-commons-nc"></em>
                    <span>creative-commons-nc</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-creative-commons-nc-eu"></em>
                    <span>creative-commons-nc-eu</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-creative-commons-nc-jp"></em>
                    <span>creative-commons-nc-jp</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-creative-commons-nd"></em>
                    <span>creative-commons-nd</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-creative-commons-pd"></em>
                    <span>creative-commons-pd</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-creative-commons-pd-alt"></em>
                    <span>creative-commons-pd-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-creative-commons-remix"></em>
                    <span>creative-commons-remix</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-creative-commons-sa"></em>
                    <span>creative-commons-sa</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-creative-commons-sampling"></em>
                    <span>creative-commons-sampling</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-creative-commons-sampling-plus"></em>
                    <span>creative-commons-sampling-plus</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-creative-commons-share"></em>
                    <span>creative-commons-share</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-credit-card"></em>
                    <span>credit-card</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-credit-card"></em>
                    <span>credit-card</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-crop"></em>
                    <span>crop</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-crosshairs"></em>
                    <span>crosshairs</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-crow"></em>
                    <span>crow</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-crown"></em>
                    <span>crown</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-css3"></em>
                    <span>css3</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-css3-alt"></em>
                    <span>css3-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-cube"></em>
                    <span>cube</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-cubes"></em>
                    <span>cubes</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-cut"></em>
                    <span>cut</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-cuttlefish"></em>
                    <span>cuttlefish</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-d-and-d"></em>
                    <span>d-and-d</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-dashcube"></em>
                    <span>dashcube</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-database"></em>
                    <span>database</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-deaf"></em>
                    <span>deaf</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-delicious"></em>
                    <span>delicious</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-deploydog"></em>
                    <span>deploydog</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-deskpro"></em>
                    <span>deskpro</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-desktop"></em>
                    <span>desktop</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-deviantart"></em>
                    <span>deviantart</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-diagnoses"></em>
                    <span>diagnoses</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-dice"></em>
                    <span>dice</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-dice-five"></em>
                    <span>dice-five</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-dice-four"></em>
                    <span>dice-four</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-dice-one"></em>
                    <span>dice-one</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-dice-six"></em>
                    <span>dice-six</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-dice-three"></em>
                    <span>dice-three</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-dice-two"></em>
                    <span>dice-two</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-digg"></em>
                    <span>digg</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-digital-ocean"></em>
                    <span>digital-ocean</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-discord"></em>
                    <span>discord</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-discourse"></em>
                    <span>discourse</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-divide"></em>
                    <span>divide</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-dna"></em>
                    <span>dna</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-dochub"></em>
                    <span>dochub</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-docker"></em>
                    <span>docker</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-dollar-sign"></em>
                    <span>dollar-sign</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-dolly"></em>
                    <span>dolly</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-dolly-flatbed"></em>
                    <span>dolly-flatbed</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-donate"></em>
                    <span>donate</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-door-closed"></em>
                    <span>door-closed</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-door-open"></em>
                    <span>door-open</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-dot-circle"></em>
                    <span>dot-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-dot-circle"></em>
                    <span>dot-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-dove"></em>
                    <span>dove</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-download"></em>
                    <span>download</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-draft2digital"></em>
                    <span>draft2digital</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-dribbble"></em>
                    <span>dribbble</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-dribbble-square"></em>
                    <span>dribbble-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-dropbox"></em>
                    <span>dropbox</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-drupal"></em>
                    <span>drupal</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-dumbbell"></em>
                    <span>dumbbell</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-dyalog"></em>
                    <span>dyalog</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-earlybirds"></em>
                    <span>earlybirds</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-ebay"></em>
                    <span>ebay</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-edge"></em>
                    <span>edge</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-edit"></em>
                    <span>edit</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-edit"></em>
                    <span>edit</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-eject"></em>
                    <span>eject</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-elementor"></em>
                    <span>elementor</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-ellipsis-h"></em>
                    <span>ellipsis-h</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-ellipsis-v"></em>
                    <span>ellipsis-v</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-ember"></em>
                    <span>ember</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-empire"></em>
                    <span>empire</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-envelope"></em>
                    <span>envelope</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-envelope"></em>
                    <span>envelope</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-envelope-open"></em>
                    <span>envelope-open</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-envelope-open"></em>
                    <span>envelope-open</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-envelope-square"></em>
                    <span>envelope-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-envira"></em>
                    <span>envira</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-equals"></em>
                    <span>equals</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-eraser"></em>
                    <span>eraser</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-erlang"></em>
                    <span>erlang</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-ethereum"></em>
                    <span>ethereum</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-etsy"></em>
                    <span>etsy</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-euro-sign"></em>
                    <span>euro-sign</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-exchange-alt"></em>
                    <span>exchange-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-exclamation"></em>
                    <span>exclamation</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-exclamation-circle"></em>
                    <span>exclamation-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-exclamation-triangle"></em>
                    <span>exclamation-triangle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-expand"></em>
                    <span>expand</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-expand-arrows-alt"></em>
                    <span>expand-arrows-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-expeditedssl"></em>
                    <span>expeditedssl</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-external-link-alt"></em>
                    <span>external-link-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-external-link-square-alt"></em>
                    <span>external-link-square-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-eye"></em>
                    <span>eye</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-eye"></em>
                    <span>eye</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-eye-dropper"></em>
                    <span>eye-dropper</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-eye-slash"></em>
                    <span>eye-slash</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-eye-slash"></em>
                    <span>eye-slash</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-facebook"></em>
                    <span>facebook</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-facebook-f"></em>
                    <span>facebook-f</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-facebook-messenger"></em>
                    <span>facebook-messenger</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-facebook-square"></em>
                    <span>facebook-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-fast-backward"></em>
                    <span>fast-backward</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-fast-forward"></em>
                    <span>fast-forward</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-fax"></em>
                    <span>fax</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-feather"></em>
                    <span>feather</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-female"></em>
                    <span>female</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-fighter-jet"></em>
                    <span>fighter-jet</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-file"></em>
                    <span>file</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-file"></em>
                    <span>file</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-file-alt"></em>
                    <span>file-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-file-alt"></em>
                    <span>file-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-file-archive"></em>
                    <span>file-archive</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-file-archive"></em>
                    <span>file-archive</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-file-audio"></em>
                    <span>file-audio</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-file-audio"></em>
                    <span>file-audio</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-file-code"></em>
                    <span>file-code</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-file-code"></em>
                    <span>file-code</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-file-excel"></em>
                    <span>file-excel</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-file-excel"></em>
                    <span>file-excel</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-file-image"></em>
                    <span>file-image</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-file-image"></em>
                    <span>file-image</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-file-medical"></em>
                    <span>file-medical</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-file-medical-alt"></em>
                    <span>file-medical-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-file-pdf"></em>
                    <span>file-pdf</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-file-pdf"></em>
                    <span>file-pdf</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-file-powerpoint"></em>
                    <span>file-powerpoint</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-file-powerpoint"></em>
                    <span>file-powerpoint</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-file-video"></em>
                    <span>file-video</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-file-video"></em>
                    <span>file-video</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-file-word"></em>
                    <span>file-word</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-file-word"></em>
                    <span>file-word</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-film"></em>
                    <span>film</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-filter"></em>
                    <span>filter</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-fire"></em>
                    <span>fire</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-fire-extinguisher"></em>
                    <span>fire-extinguisher</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-firefox"></em>
                    <span>firefox</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-first-aid"></em>
                    <span>first-aid</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-first-order"></em>
                    <span>first-order</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-first-order-alt"></em>
                    <span>first-order-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-firstdraft"></em>
                    <span>firstdraft</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-flag"></em>
                    <span>flag</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-flag"></em>
                    <span>flag</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-flag-checkered"></em>
                    <span>flag-checkered</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-flask"></em>
                    <span>flask</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-flickr"></em>
                    <span>flickr</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-flipboard"></em>
                    <span>flipboard</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-fly"></em>
                    <span>fly</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-folder"></em>
                    <span>folder</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-folder"></em>
                    <span>folder</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-folder-open"></em>
                    <span>folder-open</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-folder-open"></em>
                    <span>folder-open</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-font"></em>
                    <span>font</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-font-awesome"></em>
                    <span>font-awesome</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-font-awesome-alt"></em>
                    <span>font-awesome-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-font-awesome-flag"></em>
                    <span>font-awesome-flag</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-font-awesome-logo-full"></em>
                    <span>font-awesome-logo-full</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-font-awesome-logo-full"></em>
                    <span>font-awesome-logo-full</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-font-awesome-logo-full"></em>
                    <span>font-awesome-logo-full</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-fonticons"></em>
                    <span>fonticons</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-fonticons-fi"></em>
                    <span>fonticons-fi</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-football-ball"></em>
                    <span>football-ball</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-fort-awesome"></em>
                    <span>fort-awesome</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-fort-awesome-alt"></em>
                    <span>fort-awesome-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-forumbee"></em>
                    <span>forumbee</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-forward"></em>
                    <span>forward</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-foursquare"></em>
                    <span>foursquare</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-free-code-camp"></em>
                    <span>free-code-camp</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-freebsd"></em>
                    <span>freebsd</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-frog"></em>
                    <span>frog</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-frown"></em>
                    <span>frown</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-frown"></em>
                    <span>frown</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-fulcrum"></em>
                    <span>fulcrum</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-futbol"></em>
                    <span>futbol</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-futbol"></em>
                    <span>futbol</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-galactic-republic"></em>
                    <span>galactic-republic</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-galactic-senate"></em>
                    <span>galactic-senate</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-gamepad"></em>
                    <span>gamepad</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-gas-pump"></em>
                    <span>gas-pump</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-gavel"></em>
                    <span>gavel</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-gem"></em>
                    <span>gem</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-gem"></em>
                    <span>gem</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-genderless"></em>
                    <span>genderless</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-get-pocket"></em>
                    <span>get-pocket</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-gg"></em>
                    <span>gg</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-gg-circle"></em>
                    <span>gg-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-gift"></em>
                    <span>gift</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-git"></em>
                    <span>git</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-git-square"></em>
                    <span>git-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-github"></em>
                    <span>github</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-github-alt"></em>
                    <span>github-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-github-square"></em>
                    <span>github-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-gitkraken"></em>
                    <span>gitkraken</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-gitlab"></em>
                    <span>gitlab</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-gitter"></em>
                    <span>gitter</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-glass-martini"></em>
                    <span>glass-martini</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-glasses"></em>
                    <span>glasses</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-glide"></em>
                    <span>glide</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-glide-g"></em>
                    <span>glide-g</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-globe"></em>
                    <span>globe</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-gofore"></em>
                    <span>gofore</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-golf-ball"></em>
                    <span>golf-ball</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-goodreads"></em>
                    <span>goodreads</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-goodreads-g"></em>
                    <span>goodreads-g</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-google"></em>
                    <span>google</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-google-drive"></em>
                    <span>google-drive</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-google-play"></em>
                    <span>google-play</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-google-plus"></em>
                    <span>google-plus</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-google-plus-g"></em>
                    <span>google-plus-g</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-google-plus-square"></em>
                    <span>google-plus-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-google-wallet"></em>
                    <span>google-wallet</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-graduation-cap"></em>
                    <span>graduation-cap</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-gratipay"></em>
                    <span>gratipay</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-grav"></em>
                    <span>grav</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-greater-than"></em>
                    <span>greater-than</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-greater-than-equal"></em>
                    <span>greater-than-equal</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-gripfire"></em>
                    <span>gripfire</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-grunt"></em>
                    <span>grunt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-gulp"></em>
                    <span>gulp</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-h-square"></em>
                    <span>h-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-hacker-news"></em>
                    <span>hacker-news</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-hacker-news-square"></em>
                    <span>hacker-news-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hand-holding"></em>
                    <span>hand-holding</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hand-holding-heart"></em>
                    <span>hand-holding-heart</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hand-holding-usd"></em>
                    <span>hand-holding-usd</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hand-lizard"></em>
                    <span>hand-lizard</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-hand-lizard"></em>
                    <span>hand-lizard</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hand-paper"></em>
                    <span>hand-paper</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-hand-paper"></em>
                    <span>hand-paper</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hand-peace"></em>
                    <span>hand-peace</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-hand-peace"></em>
                    <span>hand-peace</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hand-point-down"></em>
                    <span>hand-point-down</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-hand-point-down"></em>
                    <span>hand-point-down</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hand-point-left"></em>
                    <span>hand-point-left</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-hand-point-left"></em>
                    <span>hand-point-left</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hand-point-right"></em>
                    <span>hand-point-right</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-hand-point-right"></em>
                    <span>hand-point-right</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hand-point-up"></em>
                    <span>hand-point-up</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-hand-point-up"></em>
                    <span>hand-point-up</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hand-pointer"></em>
                    <span>hand-pointer</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-hand-pointer"></em>
                    <span>hand-pointer</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hand-rock"></em>
                    <span>hand-rock</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-hand-rock"></em>
                    <span>hand-rock</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hand-scissors"></em>
                    <span>hand-scissors</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-hand-scissors"></em>
                    <span>hand-scissors</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hand-spock"></em>
                    <span>hand-spock</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-hand-spock"></em>
                    <span>hand-spock</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hands"></em>
                    <span>hands</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hands-helping"></em>
                    <span>hands-helping</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-handshake"></em>
                    <span>handshake</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-handshake"></em>
                    <span>handshake</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hashtag"></em>
                    <span>hashtag</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hdd"></em>
                    <span>hdd</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-hdd"></em>
                    <span>hdd</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-heading"></em>
                    <span>heading</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-headphones"></em>
                    <span>headphones</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-heart"></em>
                    <span>heart</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-heart"></em>
                    <span>heart</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-heartbeat"></em>
                    <span>heartbeat</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-helicopter"></em>
                    <span>helicopter</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-hips"></em>
                    <span>hips</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-hire-a-helper"></em>
                    <span>hire-a-helper</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-history"></em>
                    <span>history</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hockey-puck"></em>
                    <span>hockey-puck</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-home"></em>
                    <span>home</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-hooli"></em>
                    <span>hooli</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hospital"></em>
                    <span>hospital</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-hospital"></em>
                    <span>hospital</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hospital-alt"></em>
                    <span>hospital-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hospital-symbol"></em>
                    <span>hospital-symbol</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-hotjar"></em>
                    <span>hotjar</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hourglass"></em>
                    <span>hourglass</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-hourglass"></em>
                    <span>hourglass</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hourglass-end"></em>
                    <span>hourglass-end</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hourglass-half"></em>
                    <span>hourglass-half</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-hourglass-start"></em>
                    <span>hourglass-start</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-houzz"></em>
                    <span>houzz</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-html5"></em>
                    <span>html5</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-hubspot"></em>
                    <span>hubspot</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-i-cursor"></em>
                    <span>i-cursor</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-id-badge"></em>
                    <span>id-badge</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-id-badge"></em>
                    <span>id-badge</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-id-card"></em>
                    <span>id-card</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-id-card"></em>
                    <span>id-card</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-id-card-alt"></em>
                    <span>id-card-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-image"></em>
                    <span>image</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-image"></em>
                    <span>image</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-images"></em>
                    <span>images</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-images"></em>
                    <span>images</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-imdb"></em>
                    <span>imdb</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-inbox"></em>
                    <span>inbox</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-indent"></em>
                    <span>indent</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-industry"></em>
                    <span>industry</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-infinity"></em>
                    <span>infinity</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-info"></em>
                    <span>info</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-info-circle"></em>
                    <span>info-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-instagram"></em>
                    <span>instagram</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-internet-explorer"></em>
                    <span>internet-explorer</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-ioxhost"></em>
                    <span>ioxhost</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-italic"></em>
                    <span>italic</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-itunes"></em>
                    <span>itunes</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-itunes-note"></em>
                    <span>itunes-note</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-java"></em>
                    <span>java</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-jedi-order"></em>
                    <span>jedi-order</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-jenkins"></em>
                    <span>jenkins</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-joget"></em>
                    <span>joget</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-joomla"></em>
                    <span>joomla</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-js"></em>
                    <span>js</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-js-square"></em>
                    <span>js-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-jsfiddle"></em>
                    <span>jsfiddle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-key"></em>
                    <span>key</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-keybase"></em>
                    <span>keybase</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-keyboard"></em>
                    <span>keyboard</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-keyboard"></em>
                    <span>keyboard</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-keycdn"></em>
                    <span>keycdn</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-kickstarter"></em>
                    <span>kickstarter</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-kickstarter-k"></em>
                    <span>kickstarter-k</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-kiwi-bird"></em>
                    <span>kiwi-bird</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-korvue"></em>
                    <span>korvue</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-language"></em>
                    <span>language</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-laptop"></em>
                    <span>laptop</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-laravel"></em>
                    <span>laravel</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-lastfm"></em>
                    <span>lastfm</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-lastfm-square"></em>
                    <span>lastfm-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-leaf"></em>
                    <span>leaf</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-leanpub"></em>
                    <span>leanpub</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-lemon"></em>
                    <span>lemon</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-lemon"></em>
                    <span>lemon</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-less"></em>
                    <span>less</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-less-than"></em>
                    <span>less-than</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-less-than-equal"></em>
                    <span>less-than-equal</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-level-down-alt"></em>
                    <span>level-down-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-level-up-alt"></em>
                    <span>level-up-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-life-ring"></em>
                    <span>life-ring</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-life-ring"></em>
                    <span>life-ring</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-lightbulb"></em>
                    <span>lightbulb</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-lightbulb"></em>
                    <span>lightbulb</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-line"></em>
                    <span>line</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-link"></em>
                    <span>link</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-linkedin"></em>
                    <span>linkedin</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-linkedin-in"></em>
                    <span>linkedin-in</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-linode"></em>
                    <span>linode</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-linux"></em>
                    <span>linux</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-lira-sign"></em>
                    <span>lira-sign</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-list"></em>
                    <span>list</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-list-alt"></em>
                    <span>list-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-list-alt"></em>
                    <span>list-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-list-ol"></em>
                    <span>list-ol</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-list-ul"></em>
                    <span>list-ul</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-location-arrow"></em>
                    <span>location-arrow</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-lock"></em>
                    <span>lock</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-lock-open"></em>
                    <span>lock-open</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-long-arrow-alt-down"></em>
                    <span>long-arrow-alt-down</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-long-arrow-alt-left"></em>
                    <span>long-arrow-alt-left</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-long-arrow-alt-right"></em>
                    <span>long-arrow-alt-right</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-long-arrow-alt-up"></em>
                    <span>long-arrow-alt-up</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-low-vision"></em>
                    <span>low-vision</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-lyft"></em>
                    <span>lyft</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-magento"></em>
                    <span>magento</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-magic"></em>
                    <span>magic</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-magnet"></em>
                    <span>magnet</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-male"></em>
                    <span>male</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-mandalorian"></em>
                    <span>mandalorian</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-map"></em>
                    <span>map</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-map"></em>
                    <span>map</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-map-marker"></em>
                    <span>map-marker</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-map-marker-alt"></em>
                    <span>map-marker-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-map-pin"></em>
                    <span>map-pin</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-map-signs"></em>
                    <span>map-signs</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-mars"></em>
                    <span>mars</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-mars-double"></em>
                    <span>mars-double</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-mars-stroke"></em>
                    <span>mars-stroke</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-mars-stroke-h"></em>
                    <span>mars-stroke-h</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-mars-stroke-v"></em>
                    <span>mars-stroke-v</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-mastodon"></em>
                    <span>mastodon</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-maxcdn"></em>
                    <span>maxcdn</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-medapps"></em>
                    <span>medapps</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-medium"></em>
                    <span>medium</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-medium-m"></em>
                    <span>medium-m</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-medkit"></em>
                    <span>medkit</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-medrt"></em>
                    <span>medrt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-meetup"></em>
                    <span>meetup</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-meh"></em>
                    <span>meh</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-meh"></em>
                    <span>meh</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-memory"></em>
                    <span>memory</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-mercury"></em>
                    <span>mercury</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-microchip"></em>
                    <span>microchip</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-microphone"></em>
                    <span>microphone</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-microphone-alt"></em>
                    <span>microphone-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-microphone-alt-slash"></em>
                    <span>microphone-alt-slash</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-microphone-slash"></em>
                    <span>microphone-slash</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-microsoft"></em>
                    <span>microsoft</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-minus"></em>
                    <span>minus</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-minus-circle"></em>
                    <span>minus-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-minus-square"></em>
                    <span>minus-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-minus-square"></em>
                    <span>minus-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-mix"></em>
                    <span>mix</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-mixcloud"></em>
                    <span>mixcloud</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-mizuni"></em>
                    <span>mizuni</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-mobile"></em>
                    <span>mobile</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-mobile-alt"></em>
                    <span>mobile-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-modx"></em>
                    <span>modx</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-monero"></em>
                    <span>monero</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-money-bill"></em>
                    <span>money-bill</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-money-bill-alt"></em>
                    <span>money-bill-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-money-bill-alt"></em>
                    <span>money-bill-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-money-bill-wave"></em>
                    <span>money-bill-wave</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-money-bill-wave-alt"></em>
                    <span>money-bill-wave-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-money-check"></em>
                    <span>money-check</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-money-check-alt"></em>
                    <span>money-check-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-moon"></em>
                    <span>moon</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-moon"></em>
                    <span>moon</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-motorcycle"></em>
                    <span>motorcycle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-mouse-pointer"></em>
                    <span>mouse-pointer</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-music"></em>
                    <span>music</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-napster"></em>
                    <span>napster</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-neuter"></em>
                    <span>neuter</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-newspaper"></em>
                    <span>newspaper</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-newspaper"></em>
                    <span>newspaper</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-nintendo-switch"></em>
                    <span>nintendo-switch</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-node"></em>
                    <span>node</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-node-js"></em>
                    <span>node-js</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-not-equal"></em>
                    <span>not-equal</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-notes-medical"></em>
                    <span>notes-medical</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-npm"></em>
                    <span>npm</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-ns8"></em>
                    <span>ns8</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-nutritionix"></em>
                    <span>nutritionix</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-object-group"></em>
                    <span>object-group</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-object-group"></em>
                    <span>object-group</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-object-ungroup"></em>
                    <span>object-ungroup</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-object-ungroup"></em>
                    <span>object-ungroup</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-odnoklassniki"></em>
                    <span>odnoklassniki</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-odnoklassniki-square"></em>
                    <span>odnoklassniki-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-old-republic"></em>
                    <span>old-republic</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-opencart"></em>
                    <span>opencart</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-openid"></em>
                    <span>openid</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-opera"></em>
                    <span>opera</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-optin-monster"></em>
                    <span>optin-monster</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-osi"></em>
                    <span>osi</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-outdent"></em>
                    <span>outdent</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-page4"></em>
                    <span>page4</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-pagelines"></em>
                    <span>pagelines</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-paint-brush"></em>
                    <span>paint-brush</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-palette"></em>
                    <span>palette</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-palfed"></em>
                    <span>palfed</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-pallet"></em>
                    <span>pallet</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-paper-plane"></em>
                    <span>paper-plane</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-paper-plane"></em>
                    <span>paper-plane</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-paperclip"></em>
                    <span>paperclip</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-parachute-box"></em>
                    <span>parachute-box</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-paragraph"></em>
                    <span>paragraph</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-parking"></em>
                    <span>parking</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-paste"></em>
                    <span>paste</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-patreon"></em>
                    <span>patreon</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-pause"></em>
                    <span>pause</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-pause-circle"></em>
                    <span>pause-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-pause-circle"></em>
                    <span>pause-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-paw"></em>
                    <span>paw</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-paypal"></em>
                    <span>paypal</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-pen-square"></em>
                    <span>pen-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-pencil-alt"></em>
                    <span>pencil-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-people-carry"></em>
                    <span>people-carry</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-percent"></em>
                    <span>percent</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-percentage"></em>
                    <span>percentage</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-periscope"></em>
                    <span>periscope</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-phabricator"></em>
                    <span>phabricator</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-phoenix-framework"></em>
                    <span>phoenix-framework</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-phoenix-squadron"></em>
                    <span>phoenix-squadron</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-phone"></em>
                    <span>phone</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-phone-slash"></em>
                    <span>phone-slash</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-phone-square"></em>
                    <span>phone-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-phone-volume"></em>
                    <span>phone-volume</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-php"></em>
                    <span>php</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-pied-piper"></em>
                    <span>pied-piper</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-pied-piper-alt"></em>
                    <span>pied-piper-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-pied-piper-hat"></em>
                    <span>pied-piper-hat</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-pied-piper-pp"></em>
                    <span>pied-piper-pp</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-piggy-bank"></em>
                    <span>piggy-bank</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-pills"></em>
                    <span>pills</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-pinterest"></em>
                    <span>pinterest</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-pinterest-p"></em>
                    <span>pinterest-p</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-pinterest-square"></em>
                    <span>pinterest-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-plane"></em>
                    <span>plane</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-play"></em>
                    <span>play</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-play-circle"></em>
                    <span>play-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-play-circle"></em>
                    <span>play-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-playstation"></em>
                    <span>playstation</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-plug"></em>
                    <span>plug</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-plus"></em>
                    <span>plus</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-plus-circle"></em>
                    <span>plus-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-plus-square"></em>
                    <span>plus-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-plus-square"></em>
                    <span>plus-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-podcast"></em>
                    <span>podcast</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-poo"></em>
                    <span>poo</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-portrait"></em>
                    <span>portrait</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-pound-sign"></em>
                    <span>pound-sign</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-power-off"></em>
                    <span>power-off</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-prescription-bottle"></em>
                    <span>prescription-bottle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-prescription-bottle-alt"></em>
                    <span>prescription-bottle-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-print"></em>
                    <span>print</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-procedures"></em>
                    <span>procedures</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-product-hunt"></em>
                    <span>product-hunt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-project-diagram"></em>
                    <span>project-diagram</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-pushed"></em>
                    <span>pushed</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-puzzle-piece"></em>
                    <span>puzzle-piece</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-python"></em>
                    <span>python</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-qq"></em>
                    <span>qq</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-qrcode"></em>
                    <span>qrcode</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-question"></em>
                    <span>question</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-question-circle"></em>
                    <span>question-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-question-circle"></em>
                    <span>question-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-quidditch"></em>
                    <span>quidditch</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-quinscape"></em>
                    <span>quinscape</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-quora"></em>
                    <span>quora</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-quote-left"></em>
                    <span>quote-left</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-quote-right"></em>
                    <span>quote-right</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-r-project"></em>
                    <span>r-project</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-random"></em>
                    <span>random</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-ravelry"></em>
                    <span>ravelry</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-react"></em>
                    <span>react</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-readme"></em>
                    <span>readme</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-rebel"></em>
                    <span>rebel</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-receipt"></em>
                    <span>receipt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-recycle"></em>
                    <span>recycle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-red-river"></em>
                    <span>red-river</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-reddit"></em>
                    <span>reddit</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-reddit-alien"></em>
                    <span>reddit-alien</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-reddit-square"></em>
                    <span>reddit-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-redo"></em>
                    <span>redo</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-redo-alt"></em>
                    <span>redo-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-registered"></em>
                    <span>registered</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-registered"></em>
                    <span>registered</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-rendact"></em>
                    <span>rendact</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-renren"></em>
                    <span>renren</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-reply"></em>
                    <span>reply</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-reply-all"></em>
                    <span>reply-all</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-replyd"></em>
                    <span>replyd</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-researchgate"></em>
                    <span>researchgate</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-resolving"></em>
                    <span>resolving</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-retweet"></em>
                    <span>retweet</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-ribbon"></em>
                    <span>ribbon</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-road"></em>
                    <span>road</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-robot"></em>
                    <span>robot</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-rocket"></em>
                    <span>rocket</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-rocketchat"></em>
                    <span>rocketchat</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-rockrms"></em>
                    <span>rockrms</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-rss"></em>
                    <span>rss</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-rss-square"></em>
                    <span>rss-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-ruble-sign"></em>
                    <span>ruble-sign</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-ruler"></em>
                    <span>ruler</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-ruler-combined"></em>
                    <span>ruler-combined</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-ruler-horizontal"></em>
                    <span>ruler-horizontal</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-ruler-vertical"></em>
                    <span>ruler-vertical</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-rupee-sign"></em>
                    <span>rupee-sign</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-safari"></em>
                    <span>safari</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-sass"></em>
                    <span>sass</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-save"></em>
                    <span>save</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-save"></em>
                    <span>save</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-schlix"></em>
                    <span>schlix</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-school"></em>
                    <span>school</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-screwdriver"></em>
                    <span>screwdriver</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-scribd"></em>
                    <span>scribd</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-search"></em>
                    <span>search</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-search-minus"></em>
                    <span>search-minus</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-search-plus"></em>
                    <span>search-plus</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-searchengin"></em>
                    <span>searchengin</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-seedling"></em>
                    <span>seedling</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-sellcast"></em>
                    <span>sellcast</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-sellsy"></em>
                    <span>sellsy</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-server"></em>
                    <span>server</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-servicestack"></em>
                    <span>servicestack</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-share"></em>
                    <span>share</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-share-alt"></em>
                    <span>share-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-share-alt-square"></em>
                    <span>share-alt-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-share-square"></em>
                    <span>share-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-share-square"></em>
                    <span>share-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-shekel-sign"></em>
                    <span>shekel-sign</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-shield-alt"></em>
                    <span>shield-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-ship"></em>
                    <span>ship</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-shipping-fast"></em>
                    <span>shipping-fast</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-shirtsinbulk"></em>
                    <span>shirtsinbulk</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-shoe-prints"></em>
                    <span>shoe-prints</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-shopping-bag"></em>
                    <span>shopping-bag</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-shopping-basket"></em>
                    <span>shopping-basket</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-shopping-cart"></em>
                    <span>shopping-cart</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-shower"></em>
                    <span>shower</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-sign"></em>
                    <span>sign</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-sign-in-alt"></em>
                    <span>sign-in-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-sign-language"></em>
                    <span>sign-language</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-sign-out-alt"></em>
                    <span>sign-out-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-signal"></em>
                    <span>signal</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-simplybuilt"></em>
                    <span>simplybuilt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-sistrix"></em>
                    <span>sistrix</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-sitemap"></em>
                    <span>sitemap</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-sith"></em>
                    <span>sith</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-skull"></em>
                    <span>skull</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-skyatlas"></em>
                    <span>skyatlas</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-skype"></em>
                    <span>skype</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-slack"></em>
                    <span>slack</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-slack-hash"></em>
                    <span>slack-hash</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-sliders-h"></em>
                    <span>sliders-h</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-slideshare"></em>
                    <span>slideshare</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-smile"></em>
                    <span>smile</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-smile"></em>
                    <span>smile</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-smoking"></em>
                    <span>smoking</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-smoking-ban"></em>
                    <span>smoking-ban</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-snapchat"></em>
                    <span>snapchat</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-snapchat-ghost"></em>
                    <span>snapchat-ghost</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-snapchat-square"></em>
                    <span>snapchat-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-snowflake"></em>
                    <span>snowflake</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-snowflake"></em>
                    <span>snowflake</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-sort"></em>
                    <span>sort</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-sort-alpha-down"></em>
                    <span>sort-alpha-down</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-sort-alpha-up"></em>
                    <span>sort-alpha-up</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-sort-amount-down"></em>
                    <span>sort-amount-down</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-sort-amount-up"></em>
                    <span>sort-amount-up</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-sort-down"></em>
                    <span>sort-down</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-sort-numeric-down"></em>
                    <span>sort-numeric-down</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-sort-numeric-up"></em>
                    <span>sort-numeric-up</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-sort-up"></em>
                    <span>sort-up</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-soundcloud"></em>
                    <span>soundcloud</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-space-shuttle"></em>
                    <span>space-shuttle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-speakap"></em>
                    <span>speakap</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-spinner"></em>
                    <span>spinner</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-spotify"></em>
                    <span>spotify</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-square"></em>
                    <span>square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-square"></em>
                    <span>square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-square-full"></em>
                    <span>square-full</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-stack-exchange"></em>
                    <span>stack-exchange</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-stack-overflow"></em>
                    <span>stack-overflow</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-star"></em>
                    <span>star</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-star"></em>
                    <span>star</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-star-half"></em>
                    <span>star-half</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-star-half"></em>
                    <span>star-half</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-staylinked"></em>
                    <span>staylinked</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-steam"></em>
                    <span>steam</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-steam-square"></em>
                    <span>steam-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-steam-symbol"></em>
                    <span>steam-symbol</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-step-backward"></em>
                    <span>step-backward</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-step-forward"></em>
                    <span>step-forward</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-stethoscope"></em>
                    <span>stethoscope</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-sticker-mule"></em>
                    <span>sticker-mule</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-sticky-note"></em>
                    <span>sticky-note</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-sticky-note"></em>
                    <span>sticky-note</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-stop"></em>
                    <span>stop</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-stop-circle"></em>
                    <span>stop-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-stop-circle"></em>
                    <span>stop-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-stopwatch"></em>
                    <span>stopwatch</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-store"></em>
                    <span>store</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-store-alt"></em>
                    <span>store-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-strava"></em>
                    <span>strava</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-stream"></em>
                    <span>stream</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-street-view"></em>
                    <span>street-view</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-strikethrough"></em>
                    <span>strikethrough</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-stripe"></em>
                    <span>stripe</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-stripe-s"></em>
                    <span>stripe-s</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-stroopwafel"></em>
                    <span>stroopwafel</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-studiovinari"></em>
                    <span>studiovinari</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-stumbleupon"></em>
                    <span>stumbleupon</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-stumbleupon-circle"></em>
                    <span>stumbleupon-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-subscript"></em>
                    <span>subscript</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-subway"></em>
                    <span>subway</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-suitcase"></em>
                    <span>suitcase</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-sun"></em>
                    <span>sun</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-sun"></em>
                    <span>sun</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-superpowers"></em>
                    <span>superpowers</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-superscript"></em>
                    <span>superscript</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-supple"></em>
                    <span>supple</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-sync"></em>
                    <span>sync</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-sync-alt"></em>
                    <span>sync-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-syringe"></em>
                    <span>syringe</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-table"></em>
                    <span>table</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-table-tennis"></em>
                    <span>table-tennis</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-tablet"></em>
                    <span>tablet</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-tablet-alt"></em>
                    <span>tablet-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-tablets"></em>
                    <span>tablets</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-tachometer-alt"></em>
                    <span>tachometer-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-tag"></em>
                    <span>tag</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-tags"></em>
                    <span>tags</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-tape"></em>
                    <span>tape</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-tasks"></em>
                    <span>tasks</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-taxi"></em>
                    <span>taxi</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-teamspeak"></em>
                    <span>teamspeak</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-telegram"></em>
                    <span>telegram</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-telegram-plane"></em>
                    <span>telegram-plane</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-tencent-weibo"></em>
                    <span>tencent-weibo</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-terminal"></em>
                    <span>terminal</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-text-height"></em>
                    <span>text-height</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-text-width"></em>
                    <span>text-width</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-th"></em>
                    <span>th</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-th-large"></em>
                    <span>th-large</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-th-list"></em>
                    <span>th-list</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-themeisle"></em>
                    <span>themeisle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-thermometer"></em>
                    <span>thermometer</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-thermometer-empty"></em>
                    <span>thermometer-empty</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-thermometer-full"></em>
                    <span>thermometer-full</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-thermometer-half"></em>
                    <span>thermometer-half</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-thermometer-quarter"></em>
                    <span>thermometer-quarter</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-thermometer-three-quarters"></em>
                    <span>thermometer-three-quarters</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-thumbs-down"></em>
                    <span>thumbs-down</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-thumbs-down"></em>
                    <span>thumbs-down</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-thumbs-up"></em>
                    <span>thumbs-up</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-thumbs-up"></em>
                    <span>thumbs-up</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-thumbtack"></em>
                    <span>thumbtack</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-ticket-alt"></em>
                    <span>ticket-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-times"></em>
                    <span>times</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-times-circle"></em>
                    <span>times-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-times-circle"></em>
                    <span>times-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-tint"></em>
                    <span>tint</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-toggle-off"></em>
                    <span>toggle-off</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-toggle-on"></em>
                    <span>toggle-on</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-toolbox"></em>
                    <span>toolbox</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-trade-federation"></em>
                    <span>trade-federation</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-trademark"></em>
                    <span>trademark</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-train"></em>
                    <span>train</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-transgender"></em>
                    <span>transgender</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-transgender-alt"></em>
                    <span>transgender-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-trash"></em>
                    <span>trash</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-trash-alt"></em>
                    <span>trash-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-trash-alt"></em>
                    <span>trash-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-tree"></em>
                    <span>tree</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-trello"></em>
                    <span>trello</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-tripadvisor"></em>
                    <span>tripadvisor</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-trophy"></em>
                    <span>trophy</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-truck"></em>
                    <span>truck</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-truck-loading"></em>
                    <span>truck-loading</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-truck-moving"></em>
                    <span>truck-moving</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-tshirt"></em>
                    <span>tshirt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-tty"></em>
                    <span>tty</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-tumblr"></em>
                    <span>tumblr</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-tumblr-square"></em>
                    <span>tumblr-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-tv"></em>
                    <span>tv</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-twitch"></em>
                    <span>twitch</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-twitter"></em>
                    <span>twitter</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-twitter-square"></em>
                    <span>twitter-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-typo3"></em>
                    <span>typo3</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-uber"></em>
                    <span>uber</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-uikit"></em>
                    <span>uikit</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-umbrella"></em>
                    <span>umbrella</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-underline"></em>
                    <span>underline</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-undo"></em>
                    <span>undo</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-undo-alt"></em>
                    <span>undo-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-uniregistry"></em>
                    <span>uniregistry</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-universal-access"></em>
                    <span>universal-access</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-university"></em>
                    <span>university</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-unlink"></em>
                    <span>unlink</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-unlock"></em>
                    <span>unlock</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-unlock-alt"></em>
                    <span>unlock-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-untappd"></em>
                    <span>untappd</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-upload"></em>
                    <span>upload</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-usb"></em>
                    <span>usb</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-user"></em>
                    <span>user</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-user"></em>
                    <span>user</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-user-alt"></em>
                    <span>user-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-user-alt-slash"></em>
                    <span>user-alt-slash</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-user-astronaut"></em>
                    <span>user-astronaut</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-user-check"></em>
                    <span>user-check</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-user-circle"></em>
                    <span>user-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-user-circle"></em>
                    <span>user-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-user-clock"></em>
                    <span>user-clock</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-user-cog"></em>
                    <span>user-cog</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-user-edit"></em>
                    <span>user-edit</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-user-friends"></em>
                    <span>user-friends</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-user-graduate"></em>
                    <span>user-graduate</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-user-lock"></em>
                    <span>user-lock</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-user-md"></em>
                    <span>user-md</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-user-minus"></em>
                    <span>user-minus</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-user-ninja"></em>
                    <span>user-ninja</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-user-plus"></em>
                    <span>user-plus</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-user-secret"></em>
                    <span>user-secret</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-user-shield"></em>
                    <span>user-shield</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-user-slash"></em>
                    <span>user-slash</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-user-tag"></em>
                    <span>user-tag</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-user-tie"></em>
                    <span>user-tie</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-user-times"></em>
                    <span>user-times</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-users"></em>
                    <span>users</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-users-cog"></em>
                    <span>users-cog</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-ussunnah"></em>
                    <span>ussunnah</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-utensil-spoon"></em>
                    <span>utensil-spoon</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-utensils"></em>
                    <span>utensils</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-vaadin"></em>
                    <span>vaadin</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-venus"></em>
                    <span>venus</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-venus-double"></em>
                    <span>venus-double</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-venus-mars"></em>
                    <span>venus-mars</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-viacoin"></em>
                    <span>viacoin</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-viadeo"></em>
                    <span>viadeo</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-viadeo-square"></em>
                    <span>viadeo-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-vial"></em>
                    <span>vial</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-vials"></em>
                    <span>vials</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-viber"></em>
                    <span>viber</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-video"></em>
                    <span>video</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-video-slash"></em>
                    <span>video-slash</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-vimeo"></em>
                    <span>vimeo</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-vimeo-square"></em>
                    <span>vimeo-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-vimeo-v"></em>
                    <span>vimeo-v</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-vine"></em>
                    <span>vine</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-vk"></em>
                    <span>vk</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-vnv"></em>
                    <span>vnv</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-volleyball-ball"></em>
                    <span>volleyball-ball</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-volume-down"></em>
                    <span>volume-down</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-volume-off"></em>
                    <span>volume-off</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-volume-up"></em>
                    <span>volume-up</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-vuejs"></em>
                    <span>vuejs</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-walking"></em>
                    <span>walking</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-wallet"></em>
                    <span>wallet</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-warehouse"></em>
                    <span>warehouse</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-weibo"></em>
                    <span>weibo</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-weight"></em>
                    <span>weight</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-weixin"></em>
                    <span>weixin</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-whatsapp"></em>
                    <span>whatsapp</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-whatsapp-square"></em>
                    <span>whatsapp-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-wheelchair"></em>
                    <span>wheelchair</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-whmcs"></em>
                    <span>whmcs</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-wifi"></em>
                    <span>wifi</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-wikipedia-w"></em>
                    <span>wikipedia-w</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-window-close"></em>
                    <span>window-close</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-window-close"></em>
                    <span>window-close</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-window-maximize"></em>
                    <span>window-maximize</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-window-maximize"></em>
                    <span>window-maximize</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-window-minimize"></em>
                    <span>window-minimize</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-window-minimize"></em>
                    <span>window-minimize</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-window-restore"></em>
                    <span>window-restore</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 far fa-window-restore"></em>
                    <span>window-restore</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-windows"></em>
                    <span>windows</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-wine-glass"></em>
                    <span>wine-glass</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-wolf-pack-battalion"></em>
                    <span>wolf-pack-battalion</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-won-sign"></em>
                    <span>won-sign</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-wordpress"></em>
                    <span>wordpress</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-wordpress-simple"></em>
                    <span>wordpress-simple</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-wpbeginner"></em>
                    <span>wpbeginner</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-wpexplorer"></em>
                    <span>wpexplorer</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-wpforms"></em>
                    <span>wpforms</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-wrench"></em>
                    <span>wrench</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-x-ray"></em>
                    <span>x-ray</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-xbox"></em>
                    <span>xbox</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-xing"></em>
                    <span>xing</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-xing-square"></em>
                    <span>xing-square</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-y-combinator"></em>
                    <span>y-combinator</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-yahoo"></em>
                    <span>yahoo</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-yandex"></em>
                    <span>yandex</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-yandex-international"></em>
                    <span>yandex-international</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-yelp"></em>
                    <span>yelp</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fas fa-yen-sign"></em>
                    <span>yen-sign</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-yoast"></em>
                    <span>yoast</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-youtube"></em>
                    <span>youtube</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x mr-2 fab fa-youtube-square"></em>
                    <span>youtube-square</span>
                </div>
            </div>
        </div>
    </div>
    <h4 class="page-header">Simple Line icons</h4>
    <div class="row">
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-user mr-2"></em>
                    <span>.icon-user</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-people mr-2"></em>
                    <span>.icon-people</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-user-female mr-2"></em>
                    <span>.icon-user-female</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-user-follow mr-2"></em>
                    <span>.icon-user-follow</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-user-following mr-2"></em>
                    <span>.icon-user-following</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-user-unfollow mr-2"></em>
                    <span>.icon-user-unfollow</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-login mr-2"></em>
                    <span>.icon-login</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-logout mr-2"></em>
                    <span>.icon-logout</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-emotsmile mr-2"></em>
                    <span>.icon-emotsmile</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-phone mr-2"></em>
                    <span>.icon-phone</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-call-end mr-2"></em>
                    <span>.icon-call-end</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-call-in mr-2"></em>
                    <span>.icon-call-in</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-call-out mr-2"></em>
                    <span>.icon-call-out</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-map mr-2"></em>
                    <span>.icon-map</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-location-pin mr-2"></em>
                    <span>.icon-location-pin</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-direction mr-2"></em>
                    <span>.icon-direction</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-directions mr-2"></em>
                    <span>.icon-directions</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-compass mr-2"></em>
                    <span>.icon-compass</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-layers mr-2"></em>
                    <span>.icon-layers</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-menu mr-2"></em>
                    <span>.icon-menu</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-list mr-2"></em>
                    <span>.icon-list</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-options-vertical mr-2"></em>
                    <span>.icon-options-vertical</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-options mr-2"></em>
                    <span>.icon-options</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-arrow-down mr-2"></em>
                    <span>.icon-arrow-down</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-arrow-left mr-2"></em>
                    <span>.icon-arrow-left</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-arrow-right mr-2"></em>
                    <span>.icon-arrow-right</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-arrow-up mr-2"></em>
                    <span>.icon-arrow-up</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-arrow-up-circle mr-2"></em>
                    <span>.icon-arrow-up-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-arrow-left-circle mr-2"></em>
                    <span>.icon-arrow-left-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-arrow-right-circle mr-2"></em>
                    <span>.icon-arrow-right-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-arrow-down-circle mr-2"></em>
                    <span>.icon-arrow-down-circle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-check mr-2"></em>
                    <span>.icon-check</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-clock mr-2"></em>
                    <span>.icon-clock</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-plus mr-2"></em>
                    <span>.icon-plus</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-close mr-2"></em>
                    <span>.icon-close</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-trophy mr-2"></em>
                    <span>.icon-trophy</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-screen-smartphone mr-2"></em>
                    <span>.icon-screen-smartphone</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-screen-desktop mr-2"></em>
                    <span>.icon-screen-desktop</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-plane mr-2"></em>
                    <span>.icon-plane</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-notebook mr-2"></em>
                    <span>.icon-notebook</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-mustache mr-2"></em>
                    <span>.icon-mustache</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-mouse mr-2"></em>
                    <span>.icon-mouse</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-magnet mr-2"></em>
                    <span>.icon-magnet</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-energy mr-2"></em>
                    <span>.icon-energy</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-disc mr-2"></em>
                    <span>.icon-disc</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-cursor mr-2"></em>
                    <span>.icon-cursor</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-cursor-move mr-2"></em>
                    <span>.icon-cursor-move</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-crop mr-2"></em>
                    <span>.icon-crop</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-chemistry mr-2"></em>
                    <span>.icon-chemistry</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-speedometer mr-2"></em>
                    <span>.icon-speedometer</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-shield mr-2"></em>
                    <span>.icon-shield</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-screen-tablet mr-2"></em>
                    <span>.icon-screen-tablet</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-magic-wand mr-2"></em>
                    <span>.icon-magic-wand</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-hourglass mr-2"></em>
                    <span>.icon-hourglass</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-graduation mr-2"></em>
                    <span>.icon-graduation</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-ghost mr-2"></em>
                    <span>.icon-ghost</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-game-controller mr-2"></em>
                    <span>.icon-game-controller</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-fire mr-2"></em>
                    <span>.icon-fire</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-eyeglass mr-2"></em>
                    <span>.icon-eyeglass</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-envelope-open mr-2"></em>
                    <span>.icon-envelope-open</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-envelope-letter mr-2"></em>
                    <span>.icon-envelope-letter</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-bell mr-2"></em>
                    <span>.icon-bell</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-badge mr-2"></em>
                    <span>.icon-badge</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-anchor mr-2"></em>
                    <span>.icon-anchor</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-wallet mr-2"></em>
                    <span>.icon-wallet</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-vector mr-2"></em>
                    <span>.icon-vector</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-speech mr-2"></em>
                    <span>.icon-speech</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-puzzle mr-2"></em>
                    <span>.icon-puzzle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-printer mr-2"></em>
                    <span>.icon-printer</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-present mr-2"></em>
                    <span>.icon-present</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-playlist mr-2"></em>
                    <span>.icon-playlist</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-pin mr-2"></em>
                    <span>.icon-pin</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-picture mr-2"></em>
                    <span>.icon-picture</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-handbag mr-2"></em>
                    <span>.icon-handbag</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-globe-alt mr-2"></em>
                    <span>.icon-globe-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-globe mr-2"></em>
                    <span>.icon-globe</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-folder-alt mr-2"></em>
                    <span>.icon-folder-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-folder mr-2"></em>
                    <span>.icon-folder</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-film mr-2"></em>
                    <span>.icon-film</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-feed mr-2"></em>
                    <span>.icon-feed</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-drop mr-2"></em>
                    <span>.icon-drop</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-drawer mr-2"></em>
                    <span>.icon-drawer</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-docs mr-2"></em>
                    <span>.icon-docs</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-doc mr-2"></em>
                    <span>.icon-doc</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-diamond mr-2"></em>
                    <span>.icon-diamond</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-cup mr-2"></em>
                    <span>.icon-cup</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-calculator mr-2"></em>
                    <span>.icon-calculator</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-bubbles mr-2"></em>
                    <span>.icon-bubbles</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-briefcase mr-2"></em>
                    <span>.icon-briefcase</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-book-open mr-2"></em>
                    <span>.icon-book-open</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-basket-loaded mr-2"></em>
                    <span>.icon-basket-loaded</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-basket mr-2"></em>
                    <span>.icon-basket</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-bag mr-2"></em>
                    <span>.icon-bag</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-action-undo mr-2"></em>
                    <span>.icon-action-undo</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-action-redo mr-2"></em>
                    <span>.icon-action-redo</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-wrench mr-2"></em>
                    <span>.icon-wrench</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-umbrella mr-2"></em>
                    <span>.icon-umbrella</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-trash mr-2"></em>
                    <span>.icon-trash</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-tag mr-2"></em>
                    <span>.icon-tag</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-support mr-2"></em>
                    <span>.icon-support</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-frame mr-2"></em>
                    <span>.icon-frame</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-size-fullscreen mr-2"></em>
                    <span>.icon-size-fullscreen</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-size-actual mr-2"></em>
                    <span>.icon-size-actual</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-shuffle mr-2"></em>
                    <span>.icon-shuffle</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-share-alt mr-2"></em>
                    <span>.icon-share-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-share mr-2"></em>
                    <span>.icon-share</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-rocket mr-2"></em>
                    <span>.icon-rocket</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-question mr-2"></em>
                    <span>.icon-question</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-pie-chart mr-2"></em>
                    <span>.icon-pie-chart</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-pencil mr-2"></em>
                    <span>.icon-pencil</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-note mr-2"></em>
                    <span>.icon-note</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-loop mr-2"></em>
                    <span>.icon-loop</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-home mr-2"></em>
                    <span>.icon-home</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-grid mr-2"></em>
                    <span>.icon-grid</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-graph mr-2"></em>
                    <span>.icon-graph</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-microphone mr-2"></em>
                    <span>.icon-microphone</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-music-tone-alt mr-2"></em>
                    <span>.icon-music-tone-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-music-tone mr-2"></em>
                    <span>.icon-music-tone</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-earphones-alt mr-2"></em>
                    <span>.icon-earphones-alt</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-earphones mr-2"></em>
                    <span>.icon-earphones</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-equalizer mr-2"></em>
                    <span>.icon-equalizer</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-like mr-2"></em>
                    <span>.icon-like</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-dislike mr-2"></em>
                    <span>.icon-dislike</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-control-start mr-2"></em>
                    <span>.icon-control-start</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-control-rewind mr-2"></em>
                    <span>.icon-control-rewind</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-control-play mr-2"></em>
                    <span>.icon-control-play</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-control-pause mr-2"></em>
                    <span>.icon-control-pause</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-control-forward mr-2"></em>
                    <span>.icon-control-forward</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-control-end mr-2"></em>
                    <span>.icon-control-end</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-volume-1 mr-2"></em>
                    <span>.icon-volume-1</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-volume-2 mr-2"></em>
                    <span>.icon-volume-2</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-volume-off mr-2"></em>
                    <span>.icon-volume-off</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-calendar mr-2"></em>
                    <span>.icon-calendar</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-bulb mr-2"></em>
                    <span>.icon-bulb</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-chart mr-2"></em>
                    <span>.icon-chart</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-ban mr-2"></em>
                    <span>.icon-ban</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-bubble mr-2"></em>
                    <span>.icon-bubble</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-camrecorder mr-2"></em>
                    <span>.icon-camrecorder</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-camera mr-2"></em>
                    <span>.icon-camera</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-cloud-download mr-2"></em>
                    <span>.icon-cloud-download</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-cloud-upload mr-2"></em>
                    <span>.icon-cloud-upload</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-envelope mr-2"></em>
                    <span>.icon-envelope</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-eye mr-2"></em>
                    <span>.icon-eye</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-flag mr-2"></em>
                    <span>.icon-flag</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-heart mr-2"></em>
                    <span>.icon-heart</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-info mr-2"></em>
                    <span>.icon-info</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-key mr-2"></em>
                    <span>.icon-key</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-link mr-2"></em>
                    <span>.icon-link</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-lock mr-2"></em>
                    <span>.icon-lock</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-lock-open mr-2"></em>
                    <span>.icon-lock-open</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-magnifier mr-2"></em>
                    <span>.icon-magnifier</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-magnifier-add mr-2"></em>
                    <span>.icon-magnifier-add</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-magnifier-remove mr-2"></em>
                    <span>.icon-magnifier-remove</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-paper-clip mr-2"></em>
                    <span>.icon-paper-clip</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-paper-plane mr-2"></em>
                    <span>.icon-paper-plane</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-power mr-2"></em>
                    <span>.icon-power</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-refresh mr-2"></em>
                    <span>.icon-refresh</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-reload mr-2"></em>
                    <span>.icon-reload</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-settings mr-2"></em>
                    <span>.icon-settings</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-star mr-2"></em>
                    <span>.icon-star</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-symbol-female mr-2"></em>
                    <span>.icon-symbol-female</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-symbol-male mr-2"></em>
                    <span>.icon-symbol-male</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-target mr-2"></em>
                    <span>.icon-target</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-credit-card mr-2"></em>
                    <span>.icon-credit-card</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-paypal mr-2"></em>
                    <span>.icon-paypal</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-social-tumblr mr-2"></em>
                    <span>.icon-social-tumblr</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-social-twitter mr-2"></em>
                    <span>.icon-social-twitter</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-social-facebook mr-2"></em>
                    <span>.icon-social-facebook</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-social-instagram mr-2"></em>
                    <span>.icon-social-instagram</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-social-linkedin mr-2"></em>
                    <span>.icon-social-linkedin</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-social-pinterest mr-2"></em>
                    <span>.icon-social-pinterest</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-social-github mr-2"></em>
                    <span>.icon-social-github</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-social-google mr-2"></em>
                    <span>.icon-social-google</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-social-reddit mr-2"></em>
                    <span>.icon-social-reddit</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-social-skype mr-2"></em>
                    <span>.icon-social-skype</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-social-dribbble mr-2"></em>
                    <span>.icon-social-dribbble</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-social-behance mr-2"></em>
                    <span>.icon-social-behance</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-social-foursqare mr-2"></em>
                    <span>.icon-social-foursqare</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-social-soundcloud mr-2"></em>
                    <span>.icon-social-soundcloud</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-social-spotify mr-2"></em>
                    <span>.icon-social-spotify</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-social-stumbleupon mr-2"></em>
                    <span>.icon-social-stumbleupon</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-social-youtube mr-2"></em>
                    <span>.icon-social-youtube</span>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <em class="fa-2x icon-social-dropbox mr-2"></em>
                    <span>.icon-social-dropbox</span>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('styles')@endsection
@section('scripts')@endsection
