<?php defined('IN_MET') or exit('No permission'); ?>
<style>
body{color:#76838f}.icondemo-wrap{position:relative;height:100px;margin:10px 0;text-align:center}.icondemo-wrap:hover{color:#fff;background-color:#62a8ea}.icondemo .icon{font-size:24px}.icon-title{margin-top:2px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.page-content .panel-body .example{padding:15px 30px;margin-top:0;margin-bottom:50px}.example .icondemo{height:40px;margin:15px auto;font-size:16px;line-height:40px;text-align:center}
.icon-detail .icondemo-wrap{cursor: pointer;}
.icon-detail .icondemo-wrap.checked{background-color: #62a8ea;color: #fff;}
</style>
<div class="icon-list">
    <h3 class="panel-title">{$_M[word][iconsettips]}</h3>
    <div class="panel m-b-0">
        <div class="panel-body text-center text-xs-center">
            <h1 class='font-size-30'>{$_M[word][column_selecticonlib_v6]}</h1>
            <div class="blocks-100 blocks-md-2 blocks-xl-3 iconchoose">
                <li class='m-b-0'>
                    <h2 class="example-title">font-awesome</h2>
                    <div class="example example-well overlay overlay-hover m-b-0">
                        <ul class="blocks-6 m-0">
                            <li>
                                <div class="icondemo"> <i class="icon fa-glass" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo"> <i class="icon fa-music" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon fa-search" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon fa-envelope-o" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon fa-heart" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon fa-star" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon fa-user" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon fa-film" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon fa-check" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon fa-remove" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon fa-signal" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon fa-gear" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon fa-home" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon fa-road" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon fa-download" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon fa-inbox" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon fa-refresh" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon fa-lock" aria-hidden="true"></i>
                                </div>
                            </li>
                        </ul>
                        <div class="overlay-panel overlay-background overlay-fade text-xs-center vertical-align">
                            <a class="btn btn-outline btn-inverse vertical-align-middle iconchoose-href" href='javascript:;' data-icon="font-awesome">{$_M[word][column_viewicon_v6]}</a>
                        </div>
                    </div>
                </li>
                <li class='m-b-0'>
                    <h2 class="example-title">web-icons</h2>
                    <div class="example example-well overlay overlay-hover m-b-0">
                        <ul class="blocks-6 m-0">
                            <li>
                                <div class="icondemo"> <i class="icon wb-dashboard" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo"> <i class="icon wb-inbox" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon wb-cloud" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon wb-bell" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon wb-book" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon wb-bookmark" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon wb-tag" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon wb-library" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon wb-share" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon wb-reply" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon wb-refresh" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon wb-move" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon wb-chat" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon wb-envelope" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon wb-user" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon wb-menu" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon wb-layout" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li>
                                <div class="icondemo">
                                    <i class="icon wb-fullscreen" aria-hidden="true"></i>
                                </div>
                            </li>
                        </ul>
                        <div class="overlay-panel overlay-background overlay-fade text-xs-center vertical-align">
                            <a class="btn btn-outline btn-inverse vertical-align-middle iconchoose-href" href='javascript:;' data-icon="web-icons">{$_M[word][column_viewicon_v6]}</a>
                        </div>
                    </div>
                </li>
            </div>
        </div>
    </div>
</div>
<div class="icon-detail" data-name='font-awesome' data-prev='icon fa-' hidden>
    <h1 class="panel-title font-size-30 p-">FONT-AWESOME {$_M[word][column_selecticon_v6]}</h1>
    <div class="panel m-b-0">
        <div class="panel-heading">
            <h2 class="panel-title">网页</h2>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="adjust">
                    <div class="icondemo vertical-align-middle"> <i class="icon fa-adjust" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">adjust</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="anchor">
                    <div class="icondemo vertical-align-middle"> <i class="icon fa-anchor" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">anchor</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="archive">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-archive" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">archive</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="area-chart">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-area-chart" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">area-chart</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrows">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-arrows" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">arrows</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrows-h">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-arrows-h" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">arrows-h</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrows-v">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-arrows-v" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">arrows-v</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="asterisk">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-asterisk" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">asterisk</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="at">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-at" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">at</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="automobile">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-automobile" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">automobile</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="ban">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-ban" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">ban</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bank">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bank" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bank</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bar-chart">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bar-chart" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bar-chart</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bar-chart-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bar-chart-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bar-chart-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="barcode">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-barcode" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">barcode</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bars">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bars" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bars</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bed">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bed" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bed</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="beer">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-beer" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">beer</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bell">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bell" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bell</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bell-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bell-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bell-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bell-slash">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bell-slash" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bell-slash</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bell-slash-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bell-slash-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bell-slash-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bicycle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bicycle" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bicycle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="binoculars">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-binoculars" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">binoculars</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="birthday-cake">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-birthday-cake" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">birthday-cake</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bolt">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bolt" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bolt</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bomb">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bomb" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bomb</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="book">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-book" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">book</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bookmark">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bookmark" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bookmark</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bookmark-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bookmark-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bookmark-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="briefcase">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-briefcase" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">briefcase</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bug">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bug" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bug</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="building">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-building" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">building</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="building-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-building-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">building-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bullhorn">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bullhorn" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bullhorn</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bullseye">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bullseye" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bullseye</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bus">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bus" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bus</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cab">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cab" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cab</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="calculator">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-calculator" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">calculator</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="calendar">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-calendar" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">calendar</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="calendar-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-calendar-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">calendar-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="camera">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-camera" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">camera</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="camera-retro">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-camera-retro" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">camera-retro</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="car">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-car" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">car</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="caret-square-o-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-caret-square-o-down" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">caret-square-o-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="caret-square-o-left">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-caret-square-o-left" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">caret-square-o-left</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="caret-square-o-right">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-caret-square-o-right" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">caret-square-o-right</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="caret-square-o-up">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-caret-square-o-up" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">caret-square-o-up</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cart-arrow-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cart-arrow-down" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cart-arrow-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cart-plus">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cart-plus" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cart-plus</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cc">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cc" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cc</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="certificate">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-certificate" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">certificate</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="check">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-check" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">check</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="check-circle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-check-circle" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">check-circle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="check-circle-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-check-circle-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">check-circle-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="check-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-check-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">check-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="check-square-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-check-square-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">check-square-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="child">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-child" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">child</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="circle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-circle" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">circle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="circle-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-circle-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">circle-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="circle-o-notch">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-circle-o-notch" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">circle-o-notch</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="circle-thin">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-circle-thin" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">circle-thin</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="clock-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-clock-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">clock-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="close">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-close" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">close</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cloud">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cloud" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cloud</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cloud-download">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cloud-download" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cloud-download</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cloud-upload">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cloud-upload" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cloud-upload</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="code">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-code" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">code</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="code-fork">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-code-fork" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">code-fork</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="coffee">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-coffee" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">coffee</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cog">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cog" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cog</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cogs">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cogs" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cogs</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="comment">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-comment" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">comment</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="comment-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-comment-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">comment-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="comments">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-comments" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">comments</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="comments-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-comments-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">comments-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="compass">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-compass" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">compass</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="copyright">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-copyright" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">copyright</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="credit-card">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-credit-card" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">credit-card</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="crop">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-crop" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">crop</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="crosshairs">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-crosshairs" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">crosshairs</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cube">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cube" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cube</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cubes">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cubes" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cubes</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cutlery">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cutlery" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cutlery</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="dashboard">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-dashboard" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">dashboard</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="database">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-database" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">database</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="desktop">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-desktop" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">desktop</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="diamond">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-diamond" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">diamond</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="dot-circle-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-dot-circle-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">dot-circle-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="download">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-download" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">download</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="edit">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-edit" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">edit</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="ellipsis-h">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-ellipsis-h" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">ellipsis-h</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="ellipsis-v">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-ellipsis-v" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">ellipsis-v</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="envelope">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-envelope" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">envelope</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="envelope-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-envelope-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">envelope-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="envelope-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-envelope-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">envelope-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="eraser">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-eraser" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">eraser</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="exchange">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-exchange" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">exchange</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="exclamation">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-exclamation" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">exclamation</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="exclamation-circle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-exclamation-circle" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">exclamation-circle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="exclamation-triangle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-exclamation-triangle" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">exclamation-triangle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="external-link">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-external-link" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">external-link</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="external-link-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-external-link-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">external-link-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="eye">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-eye" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">eye</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="eye-slash">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-eye-slash" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">eye-slash</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="eyedropper">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-eyedropper" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">eyedropper</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="fax">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-fax" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">fax</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="female">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-female" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">female</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="fighter-jet">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-fighter-jet" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">fighter-jet</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-archive-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-archive-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-archive-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-audio-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-audio-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-audio-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-code-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-code-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-code-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-excel-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-excel-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-excel-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-image-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-image-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-image-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-movie-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-movie-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-movie-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-pdf-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-pdf-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-pdf-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-photo-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-photo-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-photo-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-picture-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-picture-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-picture-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-powerpoint-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-powerpoint-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-powerpoint-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-sound-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-sound-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-sound-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-video-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-video-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-video-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-word-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-word-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-word-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-zip-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-zip-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-zip-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="film">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-film" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">film</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="filter">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-filter" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">filter</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="fire">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-fire" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">fire</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="fire-extinguisher">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-fire-extinguisher" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">fire-extinguisher</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="flag">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-flag" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">flag</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="flag-checkered">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-flag-checkered" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">flag-checkered</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="flag-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-flag-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">flag-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="flash">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-flash" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">flash</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="flask">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-flask" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">flask</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="folder">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-folder" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">folder</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="folder-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-folder-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">folder-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="folder-open">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-folder-open" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">folder-open</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="folder-open-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-folder-open-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">folder-open-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="frown-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-frown-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">frown-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="futbol-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-futbol-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">futbol-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="gamepad">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-gamepad" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">gamepad</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="gavel">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-gavel" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">gavel</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="gear">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-gear" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">gear</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="gears">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-gears" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">gears</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="genderless">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-genderless" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">genderless</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="gift">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-gift" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">gift</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="glass">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-glass" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">glass</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="globe">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-globe" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">globe</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="graduation-cap">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-graduation-cap" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">graduation-cap</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="group">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-group" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">group</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="hdd-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-hdd-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">hdd-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="headphones">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-headphones" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">headphones</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="heart">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-heart" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">heart</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="heart-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-heart-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">heart-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="heartbeat">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-heartbeat" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">heartbeat</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="history">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-history" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">history</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="home">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-home" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">home</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="hotel">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-hotel" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">hotel</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="image">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-image" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">image</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="inbox">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-inbox" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">inbox</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="info">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-info" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">info</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="info-circle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-info-circle" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">info-circle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="institution">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-institution" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">institution</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="key">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-key" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">key</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="keyboard-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-keyboard-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">keyboard-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="language">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-language" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">language</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="laptop">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-laptop" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">laptop</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="leaf">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-leaf" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">leaf</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="legal">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-legal" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">legal</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="lemon-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-lemon-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">lemon-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="level-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-level-down" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">level-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="level-up">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-level-up" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">level-up</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="life-bouy">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-life-bouy" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">life-bouy</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="life-buoy">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-life-buoy" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">life-buoy</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="life-ring">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-life-ring" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">life-ring</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="life-saver">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-life-saver" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">life-saver</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="lightbulb-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-lightbulb-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">lightbulb-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="line-chart">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-line-chart" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">line-chart</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="location-arrow">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-location-arrow" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">location-arrow</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="lock">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-lock" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">lock</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="magic">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-magic" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">magic</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="magnet">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-magnet" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">magnet</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="mail-forward">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-mail-forward" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">mail-forward</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="mail-reply">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-mail-reply" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">mail-reply</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="mail-reply-all">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-mail-reply-all" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">mail-reply-all</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="male">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-male" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">male</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="map-marker">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-map-marker" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">map-marker</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="meh-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-meh-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">meh-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="microphone">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-microphone" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">microphone</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="microphone-slash">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-microphone-slash" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">microphone-slash</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="minus">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-minus" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">minus</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="minus-circle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-minus-circle" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">minus-circle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="minus-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-minus-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">minus-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="minus-square-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-minus-square-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">minus-square-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="mobile">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-mobile" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">mobile</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="mobile-phone">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-mobile-phone" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">mobile-phone</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="money">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-money" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">money</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="moon-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-moon-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">moon-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="mortar-board">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-mortar-board" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">mortar-board</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="motorcycle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-motorcycle" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">motorcycle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="music">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-music" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">music</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="navicon">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-navicon" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">navicon</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="newspaper-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-newspaper-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">newspaper-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="paint-brush">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-paint-brush" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">paint-brush</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="paper-plane">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-paper-plane" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">paper-plane</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="paper-plane-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-paper-plane-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">paper-plane-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="paw">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-paw" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">paw</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="pencil">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-pencil" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">pencil</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="pencil-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-pencil-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">pencil-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="pencil-square-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-pencil-square-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">pencil-square-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="phone">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-phone" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">phone</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="phone-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-phone-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">phone-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="photo">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-photo" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">photo</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="picture-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-picture-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">picture-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="pie-chart">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-pie-chart" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">pie-chart</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="plane">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-plane" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">plane</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="plug">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-plug" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">plug</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="plus">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-plus" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">plus</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="plus-circle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-plus-circle" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">plus-circle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="plus-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-plus-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">plus-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="plus-square-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-plus-square-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">plus-square-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="power-off">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-power-off" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">power-off</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="print">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-print" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">print</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="puzzle-piece">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-puzzle-piece" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">puzzle-piece</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="qrcode">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-qrcode" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">qrcode</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="question">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-question" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">question</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="question-circle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-question-circle" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">question-circle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="quote-left">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-quote-left" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">quote-left</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="quote-right">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-quote-right" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">quote-right</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="random">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-random" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">random</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="recycle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-recycle" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">recycle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="refresh">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-refresh" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">refresh</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="remove">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-remove" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">remove</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="reorder">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-reorder" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">reorder</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="reply">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-reply" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">reply</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="reply-all">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-reply-all" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">reply-all</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="retweet">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-retweet" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">retweet</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="road">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-road" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">road</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="rocket">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-rocket" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">rocket</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="rss">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-rss" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">rss</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="rss-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-rss-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">rss-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="search">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-search" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">search</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="search-minus">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-search-minus" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">search-minus</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="search-plus">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-search-plus" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">search-plus</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="send">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-send" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">send</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="send-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-send-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">send-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="server">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-server" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">server</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="share">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-share" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">share</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="share-alt">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-share-alt" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">share-alt</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="share-alt-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-share-alt-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">share-alt-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="share-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-share-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">share-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="share-square-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-share-square-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">share-square-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="shield">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-shield" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">shield</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="ship">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-ship" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">ship</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="shopping-cart">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-shopping-cart" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">shopping-cart</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="sign-in">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-sign-in" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">sign-in</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="sign-out">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-sign-out" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">sign-out</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="signal">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-signal" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">signal</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="sitemap">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-sitemap" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">sitemap</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="sliders">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-sliders" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">sliders</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="smile-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-smile-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">smile-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="soccer-ball-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-soccer-ball-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">soccer-ball-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="sort">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-sort" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">sort</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="sort-alpha-asc">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-sort-alpha-asc" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">sort-alpha-asc</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="sort-alpha-desc">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-sort-alpha-desc" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">sort-alpha-desc</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="sort-amount-asc">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-sort-amount-asc" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">sort-amount-asc</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="sort-amount-desc">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-sort-amount-desc" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">sort-amount-desc</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="sort-asc">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-sort-asc" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">sort-asc</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="sort-desc">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-sort-desc" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">sort-desc</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="sort-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-sort-down" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">sort-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="sort-numeric-asc">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-sort-numeric-asc" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">sort-numeric-asc</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="sort-numeric-desc">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-sort-numeric-desc" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">sort-numeric-desc</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="sort-up">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-sort-up" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">sort-up</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="space-shuttle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-space-shuttle" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">space-shuttle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="spinner">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-spinner" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">spinner</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="spoon">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-spoon" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">spoon</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="square-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-square-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">square-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="star">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-star" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">star</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="star-half">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-star-half" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">star-half</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="star-half-empty">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-star-half-empty" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">star-half-empty</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="star-half-full">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-star-half-full" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">star-half-full</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="star-half-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-star-half-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">star-half-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="star-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-star-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">star-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="street-view">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-street-view" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">street-view</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="suitcase">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-suitcase" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">suitcase</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="sun-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-sun-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">sun-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="support">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-support" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">support</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="tablet">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-tablet" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">tablet</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="tachometer">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-tachometer" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">tachometer</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="tag">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-tag" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">tag</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="tags">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-tags" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">tags</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="tasks">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-tasks" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">tasks</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="taxi">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-taxi" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">taxi</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="terminal">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-terminal" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">terminal</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="thumb-tack">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-thumb-tack" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">thumb-tack</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="thumbs-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-thumbs-down" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">thumbs-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="thumbs-o-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-thumbs-o-down" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">thumbs-o-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="thumbs-o-up">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-thumbs-o-up" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">thumbs-o-up</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="thumbs-up">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-thumbs-up" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">thumbs-up</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="ticket">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-ticket" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">ticket</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="times">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-times" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">times</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="times-circle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-times-circle" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">times-circle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="times-circle-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-times-circle-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">times-circle-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="tint">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-tint" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">tint</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="toggle-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-toggle-down" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">toggle-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="toggle-left">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-toggle-left" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">toggle-left</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="toggle-off">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-toggle-off" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">toggle-off</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="toggle-on">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-toggle-on" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">toggle-on</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="toggle-right">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-toggle-right" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">toggle-right</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="toggle-up">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-toggle-up" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">toggle-up</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="trash">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-trash" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">trash</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="trash-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-trash-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">trash-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="tree">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-tree" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">tree</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="trophy">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-trophy" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">trophy</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="truck">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-truck" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">truck</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="tty">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-tty" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">tty</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="umbrella">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-umbrella" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">umbrella</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="university">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-university" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">university</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="unlock">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-unlock" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">unlock</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="unlock-alt">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-unlock-alt" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">unlock-alt</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="unsorted">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-unsorted" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">unsorted</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="upload">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-upload" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">upload</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="user">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-user" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">user</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="user-plus">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-user-plus" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">user-plus</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="user-secret">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-user-secret" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">user-secret</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="user-times">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-user-times" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">user-times</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="users">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-users" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">users</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="video-camera">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-video-camera" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">video-camera</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="volume-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-volume-down" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">volume-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="volume-off">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-volume-off" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">volume-off</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="volume-up">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-volume-up" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">volume-up</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="warning">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-warning" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">warning</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="wheelchair">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-wheelchair" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">wheelchair</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="wifi">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-wifi" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">wifi</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="wrench">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-wrench" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">wrench</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel m-b-0">
        <div class="panel-heading">
            <h2 class="panel-title">运输</h2>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="ambulance">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-ambulance" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">ambulance</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="automobile">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-automobile" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">automobile</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bicycle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bicycle" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bicycle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bus">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bus" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bus</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cab">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cab" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cab</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="car">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-car" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">car</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="fighter-jet">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-fighter-jet" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">fighter-jet</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="motorcycle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-motorcycle" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">motorcycle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="plane">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-plane" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">plane</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="rocket">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-rocket" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">rocket</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="ship">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-ship" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">ship</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="space-shuttle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-space-shuttle" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">space-shuttle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="subway">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-subway" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">subway</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="taxi">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-taxi" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">taxi</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="train">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-train" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">train</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="truck">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-truck" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">truck</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="wheelchair">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-wheelchair" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">wheelchair</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel m-b-0">
        <div class="panel-heading">
            <h2 class="panel-title">性别</h2>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="circle-thin">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-circle-thin" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">circle-thin</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="genderless">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-genderless" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">genderless</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="mars">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-mars" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">mars</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="mars-double">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-mars-double" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">mars-double</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="mars-stroke">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-mars-stroke" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">mars-stroke</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="mars-stroke-h">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-mars-stroke-h" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">mars-stroke-h</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="mars-stroke-v">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-mars-stroke-v" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">mars-stroke-v</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="mercury">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-mercury" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">mercury</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="neuter">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-neuter" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">neuter</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="transgender">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-transgender" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">transgender</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="transgender-alt">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-transgender-alt" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">transgender-alt</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="venus">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-venus" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">venus</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="venus-double">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-venus-double" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">venus-double</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="venus-mars">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-venus-mars" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">venus-mars</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel m-b-0">
        <div class="panel-heading">
            <h2 class="panel-title">文件类型</h2>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-archive-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-archive-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-archive-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-audio-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-audio-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-audio-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-code-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-code-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-code-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-excel-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-excel-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-excel-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-image-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-image-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-image-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-movie-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-movie-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-movie-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-pdf-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-pdf-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-pdf-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-photo-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-photo-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-photo-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-picture-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-picture-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-picture-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-powerpoint-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-powerpoint-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-powerpoint-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-sound-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-sound-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-sound-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-text">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-text" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-text</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-text-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-text-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-text-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-video-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-video-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-video-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-word-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-word-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-word-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-zip-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-zip-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-zip-o</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel m-b-0">
        <div class="panel-heading">
            <h2 class="panel-title">可旋转</h2>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="circle-o-notch">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-circle-o-notch" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">circle-o-notch</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cog">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cog" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cog</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="gear">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-gear" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">gear</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="refresh">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-refresh" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">refresh</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="spinner">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-spinner" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">spinner</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel m-b-0">
        <div class="panel-heading">
            <h2 class="panel-title">表单</h2>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="check-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-check-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">check-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="check-square-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-check-square-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">check-square-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="circle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-circle" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">circle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="circle-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-circle-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">circle-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="dot-circle-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-dot-circle-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">dot-circle-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="minus-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-minus-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">minus-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="minus-square-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-minus-square-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">minus-square-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="plus-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-plus-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">plus-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="plus-square-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-plus-square-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">plus-square-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="square-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-square-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">square-o</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel m-b-0">
        <div class="panel-heading">
            <h2 class="panel-title">支付</h2>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cc-amex">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cc-amex" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cc-amex</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cc-discover">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cc-discover" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cc-discover</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cc-mastercard">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cc-mastercard" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cc-mastercard</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cc-paypal">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cc-paypal" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cc-paypal</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cc-stripe">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cc-stripe" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cc-stripe</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cc-visa">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cc-visa" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cc-visa</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="credit-card">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-credit-card" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">credit-card</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="google-wallet">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-google-wallet" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">google-wallet</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="paypal">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-paypal" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">paypal</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel m-b-0">
        <div class="panel-heading">
            <h2 class="panel-title">图表</h2>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="area-chart">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-area-chart" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">area-chart</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bar-chart">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bar-chart" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bar-chart</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bar-chart-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bar-chart-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bar-chart-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="line-chart">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-line-chart" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">line-chart</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="pie-chart">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-pie-chart" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">pie-chart</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel m-b-0">
        <div class="panel-heading">
            <h2 class="panel-title">货币</h2>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bitcoin">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bitcoin" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bitcoin</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="btc">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-btc" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">btc</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cny">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cny" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cny</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="dollar">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-dollar" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">dollar</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="eur">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-eur" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">eur</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="euro">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-euro" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">euro</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="gbp">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-gbp" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">gbp</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="ils">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-ils" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">ils</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="inr">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-inr" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">inr</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="jpy">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-jpy" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">jpy</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="krw">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-krw" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">krw</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="money">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-money" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">money</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="rmb">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-rmb" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">rmb</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="rouble">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-rouble" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">rouble</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="rub">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-rub" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">rub</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="ruble">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-ruble" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">ruble</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="rupee">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-rupee" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">rupee</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="shekel">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-shekel" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">shekel</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="sheqel">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-sheqel" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">sheqel</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="try">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-try" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">try</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="turkish-lira">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-turkish-lira" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">turkish-lira</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="usd">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-usd" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">usd</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="won">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-won" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">won</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="yen">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-yen" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">yen</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel m-b-0">
        <div class="panel-heading">
            <h2 class="panel-title">文本编辑</h2>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="align-center">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-align-center" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">align-center</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="align-justify">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-align-justify" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">align-justify</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="align-left">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-align-left" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">align-left</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="align-right">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-align-right" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">align-right</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bold">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bold" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bold</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="chain">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-chain" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">chain</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="chain-broken">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-chain-broken" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">chain-broken</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="clipboard">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-clipboard" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">clipboard</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="columns">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-columns" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">columns</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="copy">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-copy" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">copy</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cut">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cut" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cut</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="dedent">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-dedent" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">dedent</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="eraser">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-eraser" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">eraser</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-text">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-text" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-text</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file-text-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-file-text-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">file-text-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="files-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-files-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">files-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="floppy-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-floppy-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">floppy-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="font">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-font" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">font</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="header">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-header" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">header</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="indent">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-indent" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">indent</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="italic">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-italic" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">italic</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="link">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-link" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">link</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="list">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-list" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">list</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="list-alt">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-list-alt" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">list-alt</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="list-ol">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-list-ol" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">list-ol</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="list-ul">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-list-ul" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">list-ul</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="outdent">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-outdent" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">outdent</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="paperclip">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-paperclip" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">paperclip</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="paragraph">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-paragraph" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">paragraph</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="paste">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-paste" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">paste</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="repeat">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-repeat" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">repeat</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="rotate-left">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-rotate-left" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">rotate-left</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="rotate-right">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-rotate-right" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">rotate-right</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="save">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-save" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">save</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="scissors">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-scissors" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">scissors</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="strikethrough">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-strikethrough" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">strikethrough</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="subscript">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-subscript" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">subscript</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="superscript">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-superscript" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">superscript</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="table">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-table" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">table</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="text-height">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-text-height" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">text-height</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="text-width">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-text-width" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">text-width</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="th">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-th" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">th</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="th-large">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-th-large" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">th-large</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="th-list">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-th-list" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">th-list</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="underline">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-underline" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">underline</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="undo">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-undo" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">undo</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="unlink">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-unlink" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">unlink</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel m-b-0">
        <div class="panel-heading">
            <h2 class="panel-title">指示方向</h2>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="angle-double-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-angle-double-down" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">angle-double-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="angle-double-left">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-angle-double-left" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">angle-double-left</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="angle-double-right">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-angle-double-right" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">angle-double-right</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="angle-double-up">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-angle-double-up" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">angle-double-up</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="angle-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-angle-down" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">angle-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="angle-left">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-angle-left" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">angle-left</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="angle-right">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-angle-right" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">angle-right</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="angle-up">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-angle-up" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">angle-up</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrow-circle-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-arrow-circle-down" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">arrow-circle-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrow-circle-left">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-arrow-circle-left" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">arrow-circle-left</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrow-circle-o-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-arrow-circle-o-down" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">arrow-circle-o-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrow-circle-o-left">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-arrow-circle-o-left" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">arrow-circle-o-left</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrow-circle-o-right">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-arrow-circle-o-right" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">arrow-circle-o-right</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrow-circle-o-up">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-arrow-circle-o-up" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">arrow-circle-o-up</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrow-circle-right">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-arrow-circle-right" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">arrow-circle-right</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrow-circle-up">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-arrow-circle-up" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">arrow-circle-up</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrow-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-arrow-down" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">arrow-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrow-left">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-arrow-left" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">arrow-left</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrow-right">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-arrow-right" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">arrow-right</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrow-up">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-arrow-up" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">arrow-up</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrows">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-arrows" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">arrows</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrows-alt">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-arrows-alt" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">arrows-alt</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrows-h">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-arrows-h" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">arrows-h</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrows-v">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-arrows-v" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">arrows-v</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="caret-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-caret-down" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">caret-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="caret-left">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-caret-left" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">caret-left</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="caret-right">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-caret-right" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">caret-right</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="caret-square-o-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-caret-square-o-down" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">caret-square-o-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="caret-square-o-left">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-caret-square-o-left" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">caret-square-o-left</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="caret-square-o-right">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-caret-square-o-right" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">caret-square-o-right</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="caret-square-o-up">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-caret-square-o-up" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">caret-square-o-up</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="caret-up">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-caret-up" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">caret-up</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="chevron-circle-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-chevron-circle-down" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">chevron-circle-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="chevron-circle-left">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-chevron-circle-left" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">chevron-circle-left</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="chevron-circle-right">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-chevron-circle-right" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">chevron-circle-right</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="chevron-circle-up">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-chevron-circle-up" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">chevron-circle-up</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="chevron-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-chevron-down" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">chevron-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="chevron-left">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-chevron-left" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">chevron-left</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="chevron-right">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-chevron-right" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">chevron-right</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="chevron-up">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-chevron-up" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">chevron-up</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="hand-o-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-hand-o-down" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">hand-o-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="hand-o-left">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-hand-o-left" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">hand-o-left</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="hand-o-right">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-hand-o-right" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">hand-o-right</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="hand-o-up">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-hand-o-up" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">hand-o-up</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="long-arrow-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-long-arrow-down" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">long-arrow-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="long-arrow-left">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-long-arrow-left" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">long-arrow-left</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="long-arrow-right">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-long-arrow-right" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">long-arrow-right</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="long-arrow-up">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-long-arrow-up" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">long-arrow-up</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="toggle-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-toggle-down" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">toggle-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="toggle-left">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-toggle-left" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">toggle-left</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="toggle-right">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-toggle-right" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">toggle-right</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="toggle-up">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-toggle-up" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">toggle-up</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel m-b-0">
        <div class="panel-heading">
            <h2 class="panel-title">视频播放</h2>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrows-alt">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-arrows-alt" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">arrows-alt</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="backward">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-backward" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">backward</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="compress">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-compress" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">compress</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="eject">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-eject" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">eject</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="expand">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-expand" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">expand</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="fast-backward">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-fast-backward" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">fast-backward</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="fast-forward">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-fast-forward" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">fast-forward</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="forward">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-forward" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">forward</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="pause">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-pause" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">pause</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="play">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-play" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">play</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="play-circle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-play-circle" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">play-circle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="play-circle-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-play-circle-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">play-circle-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="step-backward">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-step-backward" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">step-backward</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="step-forward">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-step-forward" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">step-forward</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="stop">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-stop" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">stop</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="youtube-play">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-youtube-play" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">youtube-play</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel m-b-0">
        <div class="panel-heading">
            <h2 class="panel-title">标志</h2>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="adn">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-adn" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">adn</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="android">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-android" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">android</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="angellist">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-angellist" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">angellist</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="apple">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-apple" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">apple</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="behance">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-behance" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">behance</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="behance-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-behance-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">behance-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bitbucket">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bitbucket" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bitbucket</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bitbucket-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bitbucket-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bitbucket-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bitcoin">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-bitcoin" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">bitcoin</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="btc">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-btc" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">btc</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="buysellads">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-buysellads" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">buysellads</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cc-amex">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cc-amex" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cc-amex</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cc-discover">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cc-discover" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cc-discover</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cc-mastercard">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cc-mastercard" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cc-mastercard</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cc-paypal">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cc-paypal" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cc-paypal</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cc-stripe">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cc-stripe" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cc-stripe</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cc-visa">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-cc-visa" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">cc-visa</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="codepen">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-codepen" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">codepen</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="connectdevelop">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-connectdevelop" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">connectdevelop</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="css3">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-css3" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">css3</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="dashcube">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-dashcube" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">dashcube</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="delicious">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-delicious" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">delicious</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="deviantart">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-deviantart" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">deviantart</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="digg">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-digg" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">digg</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="dribbble">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-dribbble" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">dribbble</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="dropbox">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-dropbox" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">dropbox</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="drupal">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-drupal" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">drupal</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="empire">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-empire" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">empire</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="facebook">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-facebook" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">facebook</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="facebook-f">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-facebook-f" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">facebook-f</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="facebook-official">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-facebook-official" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">facebook-official</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="facebook-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-facebook-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">facebook-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="flickr">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-flickr" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">flickr</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="forumbee">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-forumbee" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">forumbee</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="foursquare">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-foursquare" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">foursquare</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="ge">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-ge" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">ge</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="git">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-git" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">git</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="git-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-git-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">git-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="github">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-github" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">github</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="github-alt">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-github-alt" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">github-alt</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="github-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-github-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">github-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="gittip">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-gittip" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">gittip</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="google">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-google" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">google</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="google-plus">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-google-plus" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">google-plus</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="google-plus-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-google-plus-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">google-plus-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="google-wallet">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-google-wallet" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">google-wallet</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="gratipay">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-gratipay" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">gratipay</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="hacker-news">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-hacker-news" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">hacker-news</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="html5">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-html5" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">html5</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="instagram">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-instagram" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">instagram</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="ioxhost">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-ioxhost" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">ioxhost</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="joomla">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-joomla" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">joomla</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="jsfiddle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-jsfiddle" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">jsfiddle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="lastfm">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-lastfm" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">lastfm</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="lastfm-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-lastfm-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">lastfm-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="leanpub">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-leanpub" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">leanpub</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="linkedin">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-linkedin" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">linkedin</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="linkedin-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-linkedin-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">linkedin-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="linux">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-linux" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">linux</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="maxcdn">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-maxcdn" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">maxcdn</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="meanpath">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-meanpath" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">meanpath</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="medium">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-medium" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">medium</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="openid">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-openid" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">openid</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="pagelines">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-pagelines" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">pagelines</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="paypal">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-paypal" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">paypal</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="pied-piper">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-pied-piper" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">pied-piper</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="pied-piper-alt">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-pied-piper-alt" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">pied-piper-alt</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="pinterest">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-pinterest" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">pinterest</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="pinterest-p">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-pinterest-p" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">pinterest-p</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="pinterest-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-pinterest-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">pinterest-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="qq">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-qq" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">qq</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="ra">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-ra" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">ra</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="rebel">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-rebel" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">rebel</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="reddit">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-reddit" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">reddit</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="reddit-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-reddit-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">reddit-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="renren">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-renren" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">renren</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="sellsy">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-sellsy" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">sellsy</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="share-alt">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-share-alt" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">share-alt</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="share-alt-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-share-alt-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">share-alt-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="shirtsinbulk">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-shirtsinbulk" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">shirtsinbulk</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="simplybuilt">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-simplybuilt" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">simplybuilt</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="skyatlas">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-skyatlas" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">skyatlas</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="skype">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-skype" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">skype</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="slack">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-slack" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">slack</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="slideshare">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-slideshare" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">slideshare</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="soundcloud">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-soundcloud" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">soundcloud</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="spotify">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-spotify" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">spotify</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="stack-exchange">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-stack-exchange" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">stack-exchange</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="stack-overflow">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-stack-overflow" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">stack-overflow</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="steam">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-steam" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">steam</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="steam-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-steam-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">steam-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="stumbleupon">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-stumbleupon" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">stumbleupon</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="stumbleupon-circle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-stumbleupon-circle" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">stumbleupon-circle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="tencent-weibo">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-tencent-weibo" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">tencent-weibo</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="trello">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-trello" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">trello</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="tumblr">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-tumblr" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">tumblr</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="tumblr-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-tumblr-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">tumblr-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="twitch">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-twitch" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">twitch</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="twitter">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-twitter" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">twitter</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="twitter-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-twitter-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">twitter-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="viacoin">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-viacoin" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">viacoin</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="vimeo-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-vimeo-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">vimeo-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="vine">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-vine" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">vine</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="vk">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-vk" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">vk</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="wechat">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-wechat" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">wechat</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="weibo">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-weibo" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">weibo</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="weixin">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-weixin" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">weixin</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="whatsapp">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-whatsapp" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">whatsapp</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="windows">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-windows" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">windows</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="wordpress">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-wordpress" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">wordpress</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="xing">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-xing" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">xing</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="xing-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-xing-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">xing-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="yahoo">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-yahoo" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">yahoo</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="yelp">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-yelp" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">yelp</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="youtube">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-youtube" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">youtube</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="youtube-play">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-youtube-play" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">youtube-play</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="youtube-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-youtube-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">youtube-square</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel m-b-0">
        <div class="panel-heading">
            <h2 class="panel-title">医疗</h2>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="ambulance">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-ambulance" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">ambulance</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="h-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-h-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">h-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="heart">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-heart" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">heart</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="heart-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-heart-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">heart-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="heartbeat">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-heartbeat" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">heartbeat</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="hospital-o">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-hospital-o" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">hospital-o</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="medkit">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-medkit" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">medkit</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="plus-square">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-plus-square" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">plus-square</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="stethoscope">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-stethoscope" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">stethoscope</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="user-md">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-user-md" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">user-md</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="wheelchair">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon fa-wheelchair" aria-hidden="true" style="font-size: 25px;"></i>
                        <div class="icon-title">wheelchair</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="icon-detail" data-name='web-icons' data-prev='icon wb-' hidden>
    <h1 class="panel-title font-size-30 p-">WEB-ICONS {$_M[word][column_selecticon_v6]}</h1>
    <div class="panel m-b-0">
        <div class="panel-body">
            <div class="row">
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="dashboard">
                    <div class="icondemo vertical-align-middle"> <i class="icon wb-dashboard" aria-hidden="true"></i>
                        <div class="icon-title">dashboard</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="inbox">
                    <div class="icondemo vertical-align-middle"> <i class="icon wb-inbox" aria-hidden="true"></i>
                        <div class="icon-title">inbox</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="cloud">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-cloud" aria-hidden="true"></i>
                        <div class="icon-title">cloud</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bell">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-bell" aria-hidden="true"></i>
                        <div class="icon-title">bell</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="book">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-book" aria-hidden="true"></i>
                        <div class="icon-title">book</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bookmark">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-bookmark" aria-hidden="true"></i>
                        <div class="icon-title">bookmark</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="tag">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-tag" aria-hidden="true"></i>
                        <div class="icon-title">tag</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="library">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-library" aria-hidden="true"></i>
                        <div class="icon-title">library</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="share">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-share" aria-hidden="true"></i>
                        <div class="icon-title">share</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="reply">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-reply" aria-hidden="true"></i>
                        <div class="icon-title">reply</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="refresh">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-refresh" aria-hidden="true"></i>
                        <div class="icon-title">refresh</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="move">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-move" aria-hidden="true"></i>
                        <div class="icon-title">move</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="chat">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-chat" aria-hidden="true"></i>
                        <div class="icon-title">chat</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="chat-working">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-chat-working" aria-hidden="true"></i>
                        <div class="icon-title">chat-working</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="chat-text">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-chat-text" aria-hidden="true"></i>
                        <div class="icon-title">chat-text</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="chat-group">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-chat-group" aria-hidden="true"></i>
                        <div class="icon-title">chat-group</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="envelope">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-envelope" aria-hidden="true"></i>
                        <div class="icon-title">envelope</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="envelope-open">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-envelope-open" aria-hidden="true"></i>
                        <div class="icon-title">envelope-open</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="user">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-user" aria-hidden="true"></i>
                        <div class="icon-title">user</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="user-circle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-user-circle" aria-hidden="true"></i>
                        <div class="icon-title">user-circle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="users">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-users" aria-hidden="true"></i>
                        <div class="icon-title">users</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="user-add">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-user-add" aria-hidden="true"></i>
                        <div class="icon-title">user-add</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="grid-9">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-grid-9" aria-hidden="true"></i>
                        <div class="icon-title">grid-9</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="grid-4">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-grid-4" aria-hidden="true"></i>
                        <div class="icon-title">grid-4</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="menu">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-menu" aria-hidden="true"></i>
                        <div class="icon-title">menu</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="layout">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-layout" aria-hidden="true"></i>
                        <div class="icon-title">layout</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="fullscreen">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-fullscreen" aria-hidden="true"></i>
                        <div class="icon-title">fullscreen</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="fullscreen-exit">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-fullscreen-exit" aria-hidden="true"></i>
                        <div class="icon-title">fullscreen-exit</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="expand">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-expand" aria-hidden="true"></i>
                        <div class="icon-title">expand</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="contract">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-contract" aria-hidden="true"></i>
                        <div class="icon-title">contract</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrow-expand">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-arrow-expand" aria-hidden="true"></i>
                        <div class="icon-title">arrow-expand</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrow-shrink">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-arrow-shrink" aria-hidden="true"></i>
                        <div class="icon-title">arrow-shrink</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="desktop">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-desktop" aria-hidden="true"></i>
                        <div class="icon-title">desktop</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="mobile">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-mobile" aria-hidden="true"></i>
                        <div class="icon-title">mobile</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="signal">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-signal" aria-hidden="true"></i>
                        <div class="icon-title">signal</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="power">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-power" aria-hidden="true"></i>
                        <div class="icon-title">power</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="more-horizontal">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-more-horizontal" aria-hidden="true"></i>
                        <div class="icon-title">more-horizontal</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="more-vertical">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-more-vertical" aria-hidden="true"></i>
                        <div class="icon-title">more-vertical</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="globe">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-globe" aria-hidden="true"></i>
                        <div class="icon-title">globe</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="map">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-map" aria-hidden="true"></i>
                        <div class="icon-title">map</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="flag">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-flag" aria-hidden="true"></i>
                        <div class="icon-title">flag</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="pie-chart">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-pie-chart" aria-hidden="true"></i>
                        <div class="icon-title">pie-chart</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="stats-bars">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-stats-bars" aria-hidden="true"></i>
                        <div class="icon-title">stats-bars</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="pluse">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-pluse" aria-hidden="true"></i>
                        <div class="icon-title">pluse</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="home">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-home" aria-hidden="true"></i>
                        <div class="icon-title">home</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="shopping-cart">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-shopping-cart" aria-hidden="true"></i>
                        <div class="icon-title">shopping-cart</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="payment">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-payment" aria-hidden="true"></i>
                        <div class="icon-title">payment</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="briefcase">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-briefcase" aria-hidden="true"></i>
                        <div class="icon-title">briefcase</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="search">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-search" aria-hidden="true"></i>
                        <div class="icon-title">search</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="zoom-in">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-zoom-in" aria-hidden="true"></i>
                        <div class="icon-title">zoom-in</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="zoom-out">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-zoom-out" aria-hidden="true"></i>
                        <div class="icon-title">zoom-out</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="download">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-download" aria-hidden="true"></i>
                        <div class="icon-title">download</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="upload">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-upload" aria-hidden="true"></i>
                        <div class="icon-title">upload</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="sort-asc">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-sort-asc" aria-hidden="true"></i>
                        <div class="icon-title">sort-asc</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="sort-des">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-sort-des" aria-hidden="true"></i>
                        <div class="icon-title">sort-des</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="graph-up">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-graph-up" aria-hidden="true"></i>
                        <div class="icon-title">graph-up</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="graph-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-graph-down" aria-hidden="true"></i>
                        <div class="icon-title">graph-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="replay">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-replay" aria-hidden="true"></i>
                        <div class="icon-title">replay</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="edit">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-edit" aria-hidden="true"></i>
                        <div class="icon-title">edit</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="pencil">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-pencil" aria-hidden="true"></i>
                        <div class="icon-title">pencil</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="rubber">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-rubber" aria-hidden="true"></i>
                        <div class="icon-title">rubber</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="crop">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-crop" aria-hidden="true"></i>
                        <div class="icon-title">crop</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="eye">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-eye" aria-hidden="true"></i>
                        <div class="icon-title">eye</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="eye-close">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-eye-close" aria-hidden="true"></i>
                        <div class="icon-title">eye-close</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="image">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-image" aria-hidden="true"></i>
                        <div class="icon-title">image</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="gallery">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-gallery" aria-hidden="true"></i>
                        <div class="icon-title">gallery</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="video">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-video" aria-hidden="true"></i>
                        <div class="icon-title">video</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="camera">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-camera" aria-hidden="true"></i>
                        <div class="icon-title">camera</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="folder">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-folder" aria-hidden="true"></i>
                        <div class="icon-title">folder</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="clipboard">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-clipboard" aria-hidden="true"></i>
                        <div class="icon-title">clipboard</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="order">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-order" aria-hidden="true"></i>
                        <div class="icon-title">order</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="file">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-file" aria-hidden="true"></i>
                        <div class="icon-title">file</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="copy">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-copy" aria-hidden="true"></i>
                        <div class="icon-title">copy</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="add-file">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-add-file" aria-hidden="true"></i>
                        <div class="icon-title">add-file</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="print">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-print" aria-hidden="true"></i>
                        <div class="icon-title">print</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="calendar">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-calendar" aria-hidden="true"></i>
                        <div class="icon-title">calendar</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="time">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-time" aria-hidden="true"></i>
                        <div class="icon-title">time</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="trash">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-trash" aria-hidden="true"></i>
                        <div class="icon-title">trash</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="plugin">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-plugin" aria-hidden="true"></i>
                        <div class="icon-title">plugin</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="extension">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-extension" aria-hidden="true"></i>
                        <div class="icon-title">extension</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="memory">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-memory" aria-hidden="true"></i>
                        <div class="icon-title">memory</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="settings">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-settings" aria-hidden="true"></i>
                        <div class="icon-title">settings</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="scissor">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-scissor" aria-hidden="true"></i>
                        <div class="icon-title">scissor</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="wrench">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-wrench" aria-hidden="true"></i>
                        <div class="icon-title">wrench</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="hammer">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-hammer" aria-hidden="true"></i>
                        <div class="icon-title">hammer</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="lock">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-lock" aria-hidden="true"></i>
                        <div class="icon-title">lock</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="unlock">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-unlock" aria-hidden="true"></i>
                        <div class="icon-title">unlock</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="volume-low">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-volume-low" aria-hidden="true"></i>
                        <div class="icon-title">volume-low</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="volume-high">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-volume-high" aria-hidden="true"></i>
                        <div class="icon-title">volume-high</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="volume-off">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-volume-off" aria-hidden="true"></i>
                        <div class="icon-title">volume-off</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="pause">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-pause" aria-hidden="true"></i>
                        <div class="icon-title">pause</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="play">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-play" aria-hidden="true"></i>
                        <div class="icon-title">play</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="stop">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-stop" aria-hidden="true"></i>
                        <div class="icon-title">stop</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="musical">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-musical" aria-hidden="true"></i>
                        <div class="icon-title">musical</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="random">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-random" aria-hidden="true"></i>
                        <div class="icon-title">random</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="reload">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-reload" aria-hidden="true"></i>
                        <div class="icon-title">reload</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="loop">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-loop" aria-hidden="true"></i>
                        <div class="icon-title">loop</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="text">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-text" aria-hidden="true"></i>
                        <div class="icon-title">text</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="bold">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-bold" aria-hidden="true"></i>
                        <div class="icon-title">bold</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="italic">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-italic" aria-hidden="true"></i>
                        <div class="icon-title">italic</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="underline">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-underline" aria-hidden="true"></i>
                        <div class="icon-title">underline</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="format-clear">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-format-clear" aria-hidden="true"></i>
                        <div class="icon-title">format-clear</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="text-type">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-text-type" aria-hidden="true"></i>
                        <div class="icon-title">text-type</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="table">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-table" aria-hidden="true"></i>
                        <div class="icon-title">table</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="attach-file">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-attach-file" aria-hidden="true"></i>
                        <div class="icon-title">attach-file</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="paperclip">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-paperclip" aria-hidden="true"></i>
                        <div class="icon-title">paperclip</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="link-intact">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-link-intact" aria-hidden="true"></i>
                        <div class="icon-title">link-intact</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="link">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-link" aria-hidden="true"></i>
                        <div class="icon-title">link</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="link-broken">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-link-broken" aria-hidden="true"></i>
                        <div class="icon-title">link-broken</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="indent-increase">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-indent-increase" aria-hidden="true"></i>
                        <div class="icon-title">indent-increase</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="indent-decrease">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-indent-decrease" aria-hidden="true"></i>
                        <div class="icon-title">indent-decrease</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="align-justify">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-align-justify" aria-hidden="true"></i>
                        <div class="icon-title">align-justify</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="align-left">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-align-left" aria-hidden="true"></i>
                        <div class="icon-title">align-left</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="align-center">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-align-center" aria-hidden="true"></i>
                        <div class="icon-title">align-center</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="align-right">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-align-right" aria-hidden="true"></i>
                        <div class="icon-title">align-right</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="list-numbered">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-list-numbered" aria-hidden="true"></i>
                        <div class="icon-title">list-numbered</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="list-bulleted">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-list-bulleted" aria-hidden="true"></i>
                        <div class="icon-title">list-bulleted</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="list">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-list" aria-hidden="true"></i>
                        <div class="icon-title">list</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="emoticon">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-emoticon" aria-hidden="true"></i>
                        <div class="icon-title">emoticon</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="quote-right">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-quote-right" aria-hidden="true"></i>
                        <div class="icon-title">quote-right</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="code">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-code" aria-hidden="true"></i>
                        <div class="icon-title">code</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="code-working">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-code-working" aria-hidden="true"></i>
                        <div class="icon-title">code-working</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="code-unfold">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-code-unfold" aria-hidden="true"></i>
                        <div class="icon-title">code-unfold</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="chevron-right">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-chevron-right" aria-hidden="true"></i>
                        <div class="icon-title">chevron-right</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="chevron-left">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-chevron-left" aria-hidden="true"></i>
                        <div class="icon-title">chevron-left</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="chevron-left-mini">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-chevron-left-mini" aria-hidden="true"></i>
                        <div class="icon-title">chevron-left-mini</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="chevron-right-mini">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-chevron-right-mini" aria-hidden="true"></i>
                        <div class="icon-title">chevron-right-mini</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="chevron-up">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-chevron-up" aria-hidden="true"></i>
                        <div class="icon-title">chevron-up</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="chevron-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-chevron-down" aria-hidden="true"></i>
                        <div class="icon-title">chevron-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="chevron-up-mini">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-chevron-up-mini" aria-hidden="true"></i>
                        <div class="icon-title">chevron-up-mini</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="chevron-down-mini">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-chevron-down-mini" aria-hidden="true"></i>
                        <div class="icon-title">chevron-down-mini</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrow-left">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-arrow-left" aria-hidden="true"></i>
                        <div class="icon-title">arrow-left</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrow-right">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-arrow-right" aria-hidden="true"></i>
                        <div class="icon-title">arrow-right</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrow-up">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-arrow-up" aria-hidden="true"></i>
                        <div class="icon-title">arrow-up</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="arrow-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-arrow-down" aria-hidden="true"></i>
                        <div class="icon-title">arrow-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="dropdown">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-dropdown" aria-hidden="true"></i>
                        <div class="icon-title">dropdown</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="dropup">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-dropup" aria-hidden="true"></i>
                        <div class="icon-title">dropup</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="dropright">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-dropright" aria-hidden="true"></i>
                        <div class="icon-title">dropright</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="dropleft">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-dropleft" aria-hidden="true"></i>
                        <div class="icon-title">dropleft</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="sort-vertical">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-sort-vertical" aria-hidden="true"></i>
                        <div class="icon-title">sort-vertical</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="triangle-left">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-triangle-left" aria-hidden="true"></i>
                        <div class="icon-title">triangle-left</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="triangle-right">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-triangle-right" aria-hidden="true"></i>
                        <div class="icon-title">triangle-right</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="triangle-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-triangle-down" aria-hidden="true"></i>
                        <div class="icon-title">triangle-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="triangle-up">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-triangle-up" aria-hidden="true"></i>
                        <div class="icon-title">triangle-up</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="check-circle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-check-circle" aria-hidden="true"></i>
                        <div class="icon-title">check-circle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="check">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-check" aria-hidden="true"></i>
                        <div class="icon-title">check</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="check-mini">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-check-mini" aria-hidden="true"></i>
                        <div class="icon-title">check-mini</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="close">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-close" aria-hidden="true"></i>
                        <div class="icon-title">close</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="close-mini">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-close-mini" aria-hidden="true"></i>
                        <div class="icon-title">close-mini</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="plus-circle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-plus-circle" aria-hidden="true"></i>
                        <div class="icon-title">plus-circle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="plus">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-plus" aria-hidden="true"></i>
                        <div class="icon-title">plus</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="minus-circle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-minus-circle" aria-hidden="true"></i>
                        <div class="icon-title">minus-circle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="minus">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-minus" aria-hidden="true"></i>
                        <div class="icon-title">minus</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="alert-circle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-alert-circle" aria-hidden="true"></i>
                        <div class="icon-title">alert-circle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="alert">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-alert" aria-hidden="true"></i>
                        <div class="icon-title">alert</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="help-circle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-help-circle" aria-hidden="true"></i>
                        <div class="icon-title">help-circle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="help">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-help" aria-hidden="true"></i>
                        <div class="icon-title">help</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="info-circle">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-info-circle" aria-hidden="true"></i>
                        <div class="icon-title">info-circle</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="info">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-info" aria-hidden="true"></i>
                        <div class="icon-title">info</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="warning">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-warning" aria-hidden="true"></i>
                        <div class="icon-title">warning</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="heart">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-heart" aria-hidden="true"></i>
                        <div class="icon-title">heart</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="heart-outline">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-heart-outline" aria-hidden="true"></i>
                        <div class="icon-title">heart-outline</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="star">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-star" aria-hidden="true"></i>
                        <div class="icon-title">star</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="star-half">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-star-half" aria-hidden="true"></i>
                        <div class="icon-title">star-half</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="star-outline">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-star-outline" aria-hidden="true"></i>
                        <div class="icon-title">star-outline</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="thumb-up">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-thumb-up" aria-hidden="true"></i>
                        <div class="icon-title">thumb-up</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="thumb-down">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-thumb-down" aria-hidden="true"></i>
                        <div class="icon-title">thumb-down</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="small-point">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-small-point" aria-hidden="true"></i>
                        <div class="icon-title">small-point</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="medium-point">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-medium-point" aria-hidden="true"></i>
                        <div class="icon-title">medium-point</div>
                    </div>
                </div>
                <div class="col-xl-1 col-md-2 col-xs-3 icondemo-wrap vertical-align" data-name="large-point">
                    <div class="icondemo vertical-align-middle">
                        <i class="icon wb-large-point" aria-hidden="true"></i>
                        <div class="icon-title">large-point</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>