<?php
/**
* @package   BaGrid
* @author    Balbooa http://www.balbooa.com/
* @copyright Copyright @ Balbooa
* @license   http://www.gnu.org/licenses/gpl.html GNU/GPL
*/

defined('_JEXEC') or die;

?>
<div class="icons-table">
    <div class="search-bar">
        <input type="text" class="ba-icons-search" placeholder="<?php echo JText::_('SEARCH'); ?>">
    </div>
    <div class="bagrid-table">
        <div>
            <div class="icons-section">
                <h3>Web Application</h3>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-3d-rotation"></i>
                    <div class="ba-icon-title">3d-rotation</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-airplane-off"></i>
                    <div class="ba-icon-title">airplane-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-airplane"></i>
                    <div class="ba-icon-title">airplane</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-album"></i>
                    <div class="ba-icon-title">album</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-archive"></i>
                    <div class="ba-icon-title">archive</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-assignment-account"></i>
                    <div class="ba-icon-title">assignment-account</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-assignment-alert"></i>
                    <div class="ba-icon-title">assignment-alert</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-assignment-check"></i>
                    <div class="ba-icon-title">assignment-check</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-assignment-o"></i>
                    <div class="ba-icon-title">assignment-o</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-assignment-return"></i>
                    <div class="ba-icon-title">assignment-return</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-assignment-returned"></i>
                    <div class="ba-icon-title">assignment-returned</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-assignment"></i>
                    <div class="ba-icon-title">assignment</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-attachment-alt"></i>
                    <div class="ba-icon-title">attachment-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-attachment"></i>
                    <div class="ba-icon-title">attachment</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-audio"></i>
                    <div class="ba-icon-title">audio</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-badge-check"></i>
                    <div class="ba-icon-title">badge-check</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-balance-wallet"></i>
                    <div class="ba-icon-title">balance-wallet</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-balance"></i>
                    <div class="ba-icon-title">balance</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-battery-alert"></i>
                    <div class="ba-icon-title">battery-alert</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-battery-flash"></i>
                    <div class="ba-icon-title">battery-flash</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-battery-unknown"></i>
                    <div class="ba-icon-title">battery-unknown</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-battery"></i>
                    <div class="ba-icon-title">battery</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-bike"></i>
                    <div class="ba-icon-title">bike</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-block-alt"></i>
                    <div class="ba-icon-title">block-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-block"></i>
                    <div class="ba-icon-title">block</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-boat"></i>
                    <div class="ba-icon-title">boat</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-book-image"></i>
                    <div class="ba-icon-title">book-image</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-book"></i>
                    <div class="ba-icon-title">book</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-bookmark-outline"></i>
                    <div class="ba-icon-title">bookmark-outline</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-bookmark"></i>
                    <div class="ba-icon-title">bookmark</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-brush"></i>
                    <div class="ba-icon-title">brush</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-bug"></i>
                    <div class="ba-icon-title">bug</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-bus"></i>
                    <div class="ba-icon-title">bus</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-cake"></i>
                    <div class="ba-icon-title">cake</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-car-taxi"></i>
                    <div class="ba-icon-title">car-taxi</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-car-wash"></i>
                    <div class="ba-icon-title">car-wash</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-car"></i>
                    <div class="ba-icon-title">car</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-card-giftcard"></i>
                    <div class="ba-icon-title">card-giftcard</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-card-membership"></i>
                    <div class="ba-icon-title">card-membership</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-card-travel"></i>
                    <div class="ba-icon-title">card-travel</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-card"></i>
                    <div class="ba-icon-title">card</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-case-check"></i>
                    <div class="ba-icon-title">case-check</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-case-download"></i>
                    <div class="ba-icon-title">case-download</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-case-play"></i>
                    <div class="ba-icon-title">case-play</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-case"></i>
                    <div class="ba-icon-title">case</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-cast-connected"></i>
                    <div class="ba-icon-title">cast-connected</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-cast"></i>
                    <div class="ba-icon-title">cast</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-chart-donut"></i>
                    <div class="ba-icon-title">chart-donut</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-chart"></i>
                    <div class="ba-icon-title">chart</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-city-alt"></i>
                    <div class="ba-icon-title">city-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-city"></i>
                    <div class="ba-icon-title">city</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-close-circle-o"></i>
                    <div class="ba-icon-title">close-circle-o</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-close-circle"></i>
                    <div class="ba-icon-title">close-circle</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-close"></i>
                    <div class="ba-icon-title">close</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-cocktail"></i>
                    <div class="ba-icon-title">cocktail</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-code-setting"></i>
                    <div class="ba-icon-title">code-setting</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-code-smartphone"></i>
                    <div class="ba-icon-title">code-smartphone</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-code"></i>
                    <div class="ba-icon-title">code</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-coffee"></i>
                    <div class="ba-icon-title">coffee</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-collection-bookmark"></i>
                    <div class="ba-icon-title">collection-bookmark</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-collection-case-play"></i>
                    <div class="ba-icon-title">collection-case-play</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-collection-folder-image"></i>
                    <div class="ba-icon-title">collection-folder-image</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-collection-image-o"></i>
                    <div class="ba-icon-title">collection-image-o</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-collection-image"></i>
                    <div class="ba-icon-title">collection-image</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-collection-item-1"></i>
                    <div class="ba-icon-title">collection-item-1</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-collection-item-2"></i>
                    <div class="ba-icon-title">collection-item-2</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-collection-item-3"></i>
                    <div class="ba-icon-title">collection-item-3</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-collection-item-4"></i>
                    <div class="ba-icon-title">collection-item-4</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-collection-item-5"></i>
                    <div class="ba-icon-title">collection-item-5</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-collection-item-6"></i>
                    <div class="ba-icon-title">collection-item-6</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-collection-item-7"></i>
                    <div class="ba-icon-title">collection-item-7</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-collection-item-8"></i>
                    <div class="ba-icon-title">collection-item-8</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-collection-item-9-plus"></i>
                    <div class="ba-icon-title">collection-item-9-plus</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-collection-item-9"></i>
                    <div class="ba-icon-title">collection-item-9</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-collection-item"></i>
                    <div class="ba-icon-title">collection-item</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-collection-music"></i>
                    <div class="ba-icon-title">collection-music</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-collection-pdf"></i>
                    <div class="ba-icon-title">collection-pdf</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-collection-plus"></i>
                    <div class="ba-icon-title">collection-plus</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-collection-speaker"></i>
                    <div class="ba-icon-title">collection-speaker</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-collection-text"></i>
                    <div class="ba-icon-title">collection-text</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-collection-video"></i>
                    <div class="ba-icon-title">collection-video</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-compass"></i>
                    <div class="ba-icon-title">compass</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-cutlery"></i>
                    <div class="ba-icon-title">cutlery</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-delete"></i>
                    <div class="ba-icon-title">delete</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-dialpad"></i>
                    <div class="ba-icon-title">dialpad</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-dns"></i>
                    <div class="ba-icon-title">dns</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-drink"></i>
                    <div class="ba-icon-title">drink</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-edit"></i>
                    <div class="ba-icon-title">edit</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-email-open"></i>
                    <div class="ba-icon-title">email-open</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-email"></i>
                    <div class="ba-icon-title">email</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-eye-off"></i>
                    <div class="ba-icon-title">eye-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-eye"></i>
                    <div class="ba-icon-title">eye</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-eyedropper"></i>
                    <div class="ba-icon-title">eyedropper</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-favorite-outline"></i>
                    <div class="ba-icon-title">favorite-outline</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-favorite"></i>
                    <div class="ba-icon-title">favorite</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-filter-list"></i>
                    <div class="ba-icon-title">filter-list</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-fire"></i>
                    <div class="ba-icon-title">fire</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-flag"></i>
                    <div class="ba-icon-title">flag</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-flare"></i>
                    <div class="ba-icon-title">flare</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-flash-auto"></i>
                    <div class="ba-icon-title">flash-auto</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-flash-off"></i>
                    <div class="ba-icon-title">flash-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-flash"></i>
                    <div class="ba-icon-title">flash</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-flip"></i>
                    <div class="ba-icon-title">flip</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-flower-alt"></i>
                    <div class="ba-icon-title">flower-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-flower"></i>
                    <div class="ba-icon-title">flower</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-font"></i>
                    <div class="ba-icon-title">font</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-fullscreen-alt"></i>
                    <div class="ba-icon-title">fullscreen-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-fullscreen-exit"></i>
                    <div class="ba-icon-title">fullscreen-exit</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-fullscreen"></i>
                    <div class="ba-icon-title">fullscreen</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-functions"></i>
                    <div class="ba-icon-title">functions</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-gas-station"></i>
                    <div class="ba-icon-title">gas-station</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-gesture"></i>
                    <div class="ba-icon-title">gesture</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-globe-alt"></i>
                    <div class="ba-icon-title">globe-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-globe-lock"></i>
                    <div class="ba-icon-title">globe-lock</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-globe"></i>
                    <div class="ba-icon-title">globe</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-graduation-cap"></i>
                    <div class="ba-icon-title">graduation-cap</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-group"></i>
                    <div class="ba-icon-title">group</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-home"></i>
                    <div class="ba-icon-title">home</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-hospital-alt"></i>
                    <div class="ba-icon-title">hospital-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-hospital"></i>
                    <div class="ba-icon-title">hospital</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-hotel"></i>
                    <div class="ba-icon-title">hotel</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-hourglass-alt"></i>
                    <div class="ba-icon-title">hourglass-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-hourglass-outline"></i>
                    <div class="ba-icon-title">hourglass-outline</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-hourglass"></i>
                    <div class="ba-icon-title">hourglass</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-http"></i>
                    <div class="ba-icon-title">http</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-image-alt"></i>
                    <div class="ba-icon-title">image-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-image-o"></i>
                    <div class="ba-icon-title">image-o</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-image"></i>
                    <div class="ba-icon-title">image</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-inbox"></i>
                    <div class="ba-icon-title">inbox</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-invert-colors-off"></i>
                    <div class="ba-icon-title">invert-colors-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-invert-colors"></i>
                    <div class="ba-icon-title">invert-colors</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-key"></i>
                    <div class="ba-icon-title">key</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-label-alt-outline"></i>
                    <div class="ba-icon-title">label-alt-outline</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-label-alt"></i>
                    <div class="ba-icon-title">label-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-label-heart"></i>
                    <div class="ba-icon-title">label-heart</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-label"></i>
                    <div class="ba-icon-title">label</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-labels"></i>
                    <div class="ba-icon-title">labels</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-lamp"></i>
                    <div class="ba-icon-title">lamp</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-landscape"></i>
                    <div class="ba-icon-title">landscape</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-layers-off"></i>
                    <div class="ba-icon-title">layers-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-layers"></i>
                    <div class="ba-icon-title">layers</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-library"></i>
                    <div class="ba-icon-title">library</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-link"></i>
                    <div class="ba-icon-title">link</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-lock-open"></i>
                    <div class="ba-icon-title">lock-open</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-lock-outline"></i>
                    <div class="ba-icon-title">lock-outline</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-lock"></i>
                    <div class="ba-icon-title">lock</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-mail-reply-all"></i>
                    <div class="ba-icon-title">mail-reply-all</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-mail-reply"></i>
                    <div class="ba-icon-title">mail-reply</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-mail-send"></i>
                    <div class="ba-icon-title">mail-send</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-mall"></i>
                    <div class="ba-icon-title">mall</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-map"></i>
                    <div class="ba-icon-title">map</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-menu"></i>
                    <div class="ba-icon-title">menu</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-money-box"></i>
                    <div class="ba-icon-title">money-box</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-money-off"></i>
                    <div class="ba-icon-title">money-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-money"></i>
                    <div class="ba-icon-title">money</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-more-vert"></i>
                    <div class="ba-icon-title">more-vert</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-more"></i>
                    <div class="ba-icon-title">more</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-movie-alt"></i>
                    <div class="ba-icon-title">movie-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-movie"></i>
                    <div class="ba-icon-title">movie</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-nature-people"></i>
                    <div class="ba-icon-title">nature-people</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-nature"></i>
                    <div class="ba-icon-title">nature</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-navigation"></i>
                    <div class="ba-icon-title">navigation</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-open-in-browser"></i>
                    <div class="ba-icon-title">open-in-browser</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-open-in-new"></i>
                    <div class="ba-icon-title">open-in-new</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-palette"></i>
                    <div class="ba-icon-title">palette</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-parking"></i>
                    <div class="ba-icon-title">parking</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-pin-account"></i>
                    <div class="ba-icon-title">pin-account</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-pin-assistant"></i>
                    <div class="ba-icon-title">pin-assistant</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-pin-drop"></i>
                    <div class="ba-icon-title">pin-drop</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-pin-help"></i>
                    <div class="ba-icon-title">pin-help</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-pin-off"></i>
                    <div class="ba-icon-title">pin-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-pin"></i>
                    <div class="ba-icon-title">pin</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-pizza"></i>
                    <div class="ba-icon-title">pizza</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-plaster"></i>
                    <div class="ba-icon-title">plaster</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-power-setting"></i>
                    <div class="ba-icon-title">power-setting</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-power"></i>
                    <div class="ba-icon-title">power</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-print"></i>
                    <div class="ba-icon-title">print</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-puzzle-piece"></i>
                    <div class="ba-icon-title">puzzle-piece</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-quote"></i>
                    <div class="ba-icon-title">quote</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-railway"></i>
                    <div class="ba-icon-title">railway</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-receipt"></i>
                    <div class="ba-icon-title">receipt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-refresh-alt"></i>
                    <div class="ba-icon-title">refresh-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-refresh-sync-alert"></i>
                    <div class="ba-icon-title">refresh-sync-alert</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-refresh-sync-off"></i>
                    <div class="ba-icon-title">refresh-sync-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-refresh-sync"></i>
                    <div class="ba-icon-title">refresh-sync</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-refresh"></i>
                    <div class="ba-icon-title">refresh</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-roller"></i>
                    <div class="ba-icon-title">roller</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-ruler"></i>
                    <div class="ba-icon-title">ruler</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-scissors"></i>
                    <div class="ba-icon-title">scissors</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-screen-rotation-lock"></i>
                    <div class="ba-icon-title">screen-rotation-lock</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-screen-rotation"></i>
                    <div class="ba-icon-title">screen-rotation</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-search-for"></i>
                    <div class="ba-icon-title">search-for</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-search-in-file"></i>
                    <div class="ba-icon-title">search-in-file</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-search-in-page"></i>
                    <div class="ba-icon-title">search-in-page</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-search-replace"></i>
                    <div class="ba-icon-title">search-replace</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-search"></i>
                    <div class="ba-icon-title">search</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-seat"></i>
                    <div class="ba-icon-title">seat</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-settings-square"></i>
                    <div class="ba-icon-title">settings-square</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-settings"></i>
                    <div class="ba-icon-title">settings</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-shape"></i>
                    <div class="ba-icon-title">shape</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-shield-check"></i>
                    <div class="ba-icon-title">shield-check</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-shield-security"></i>
                    <div class="ba-icon-title">shield-security</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-shopping-basket"></i>
                    <div class="ba-icon-title">shopping-basket</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-shopping-cart-plus"></i>
                    <div class="ba-icon-title">shopping-cart-plus</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-shopping-cart"></i>
                    <div class="ba-icon-title">shopping-cart</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-sign-in"></i>
                    <div class="ba-icon-title">sign-in</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-sort-amount-asc"></i>
                    <div class="ba-icon-title">sort-amount-asc</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-sort-amount-desc"></i>
                    <div class="ba-icon-title">sort-amount-desc</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-sort-asc"></i>
                    <div class="ba-icon-title">sort-asc</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-sort-desc"></i>
                    <div class="ba-icon-title">sort-desc</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-spellcheck"></i>
                    <div class="ba-icon-title">spellcheck</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-spinner"></i>
                    <div class="ba-icon-title">spinner</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-storage"></i>
                    <div class="ba-icon-title">storage</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-store-24"></i>
                    <div class="ba-icon-title">store-24</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-store"></i>
                    <div class="ba-icon-title">store</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-subway"></i>
                    <div class="ba-icon-title">subway</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-sun"></i>
                    <div class="ba-icon-title">sun</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-tab-unselected"></i>
                    <div class="ba-icon-title">tab-unselected</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-tab"></i>
                    <div class="ba-icon-title">tab</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-tag-close"></i>
                    <div class="ba-icon-title">tag-close</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-tag-more"></i>
                    <div class="ba-icon-title">tag-more</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-tag"></i>
                    <div class="ba-icon-title">tag</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-thumb-down"></i>
                    <div class="ba-icon-title">thumb-down</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-thumb-up-down"></i>
                    <div class="ba-icon-title">thumb-up-down</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-thumb-up"></i>
                    <div class="ba-icon-title">thumb-up</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-ticket-star"></i>
                    <div class="ba-icon-title">ticket-star</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-toll"></i>
                    <div class="ba-icon-title">toll</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-toys"></i>
                    <div class="ba-icon-title">toys</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-traffic"></i>
                    <div class="ba-icon-title">traffic</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-translate"></i>
                    <div class="ba-icon-title">translate</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-triangle-down"></i>
                    <div class="ba-icon-title">triangle-down</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-triangle-up"></i>
                    <div class="ba-icon-title">triangle-up</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-truck"></i>
                    <div class="ba-icon-title">truck</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-turning-sign"></i>
                    <div class="ba-icon-title">turning-sign</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-ungroup"></i>
                    <div class="ba-icon-title">ungroup</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-wallpaper"></i>
                    <div class="ba-icon-title">wallpaper</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-washing-machine"></i>
                    <div class="ba-icon-title">washing-machine</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-window-maximize"></i>
                    <div class="ba-icon-title">window-maximize</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-window-minimize"></i>
                    <div class="ba-icon-title">window-minimize</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-window-restore"></i>
                    <div class="ba-icon-title">window-restore</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-wrench"></i>
                    <div class="ba-icon-title">wrench</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-zoom-in"></i>
                    <div class="ba-icon-title">zoom-in</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-zoom-out"></i>
                    <div class="ba-icon-title">zoom-out</div>
                </div>
                <hr>
            </div>
            <div class="icons-section">
                <h3>Notifications</h3>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-alert-circle-o"></i>
                    <div class="ba-icon-title">alert-circle-o</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-alert-circle"></i>
                    <div class="ba-icon-title">alert-circle</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-alert-octagon"></i>
                    <div class="ba-icon-title">alert-octagon</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-alert-polygon"></i>
                    <div class="ba-icon-title">alert-polygon</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-alert-triangle"></i>
                    <div class="ba-icon-title">alert-triangle</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-help-outline"></i>
                    <div class="ba-icon-title">help-outline</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-help"></i>
                    <div class="ba-icon-title">help</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-info-outline"></i>
                    <div class="ba-icon-title">info-outline</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-info"></i>
                    <div class="ba-icon-title">info</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-notifications-active"></i>
                    <div class="ba-icon-title">notifications-active</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-notifications-add"></i>
                    <div class="ba-icon-title">notifications-add</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-notifications-none"></i>
                    <div class="ba-icon-title">notifications-none</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-notifications-off"></i>
                    <div class="ba-icon-title">notifications-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-notifications-paused"></i>
                    <div class="ba-icon-title">notifications-paused</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-notifications"></i>
                    <div class="ba-icon-title">notifications</div>
                </div>
                <hr>
            </div>
            <div class="icons-section">
                <h3>Person</h3>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-account-add"></i>
                    <div class="ba-icon-title">account-add</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-account-box-mail"></i>
                    <div class="ba-icon-title">account-box-mail</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-account-box-o"></i>
                    <div class="ba-icon-title">account-box-o</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-account-box-phone"></i>
                    <div class="ba-icon-title">account-box-phone</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-account-box"></i>
                    <div class="ba-icon-title">account-box</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-account-calendar"></i>
                    <div class="ba-icon-title">account-calendar</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-account-circle"></i>
                    <div class="ba-icon-title">account-circle</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-account-o"></i>
                    <div class="ba-icon-title">account-o</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-account"></i>
                    <div class="ba-icon-title">account</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-accounts-add"></i>
                    <div class="ba-icon-title">accounts-add</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-accounts-alt"></i>
                    <div class="ba-icon-title">accounts-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-accounts-list-alt"></i>
                    <div class="ba-icon-title">accounts-list-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-accounts-list"></i>
                    <div class="ba-icon-title">accounts-list</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-accounts-outline"></i>
                    <div class="ba-icon-title">accounts-outline</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-accounts"></i>
                    <div class="ba-icon-title">accounts</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-face"></i>
                    <div class="ba-icon-title">face</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-female"></i>
                    <div class="ba-icon-title">female</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-male-alt"></i>
                    <div class="ba-icon-title">male-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-male-female"></i>
                    <div class="ba-icon-title">male-female</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-male"></i>
                    <div class="ba-icon-title">male</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-mood-bad"></i>
                    <div class="ba-icon-title">mood-bad</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-mood"></i>
                    <div class="ba-icon-title">mood</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-run"></i>
                    <div class="ba-icon-title">run</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-walk"></i>
                    <div class="ba-icon-title">walk</div>
                </div>
                <hr>
            </div>
            <div class="icons-section">
                <h3>File</h3>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-cloud-box"></i>
                    <div class="ba-icon-title">cloud-box</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-cloud-circle"></i>
                    <div class="ba-icon-title">cloud-circle</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-cloud-done"></i>
                    <div class="ba-icon-title">cloud-done</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-cloud-download"></i>
                    <div class="ba-icon-title">cloud-download</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-cloud-off"></i>
                    <div class="ba-icon-title">cloud-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-cloud-outline-alt"></i>
                    <div class="ba-icon-title">cloud-outline-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-cloud-outline"></i>
                    <div class="ba-icon-title">cloud-outline</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-cloud-upload"></i>
                    <div class="ba-icon-title">cloud-upload</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-cloud"></i>
                    <div class="ba-icon-title">cloud</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-download"></i>
                    <div class="ba-icon-title">download</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-file-plus"></i>
                    <div class="ba-icon-title">file-plus</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-file-text"></i>
                    <div class="ba-icon-title">file-text</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-file"></i>
                    <div class="ba-icon-title">file</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-folder-outline"></i>
                    <div class="ba-icon-title">folder-outline</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-folder-person"></i>
                    <div class="ba-icon-title">folder-person</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-folder-star-alt"></i>
                    <div class="ba-icon-title">folder-star-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-folder-star"></i>
                    <div class="ba-icon-title">folder-star</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-folder"></i>
                    <div class="ba-icon-title">folder</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-gif"></i>
                    <div class="ba-icon-title">gif</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-upload"></i>
                    <div class="ba-icon-title">upload</div>
                </div>
                <hr>
            </div>
            <div class="icons-section">
                <h3>Editor</h3>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-border-all"></i>
                    <div class="ba-icon-title">border-all</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-border-bottom"></i>
                    <div class="ba-icon-title">border-bottom</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-border-clear"></i>
                    <div class="ba-icon-title">border-clear</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-border-color"></i>
                    <div class="ba-icon-title">border-color</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-border-horizontal"></i>
                    <div class="ba-icon-title">border-horizontal</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-border-inner"></i>
                    <div class="ba-icon-title">border-inner</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-border-left"></i>
                    <div class="ba-icon-title">border-left</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-border-outer"></i>
                    <div class="ba-icon-title">border-outer</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-border-right"></i>
                    <div class="ba-icon-title">border-right</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-border-style"></i>
                    <div class="ba-icon-title">border-style</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-border-top"></i>
                    <div class="ba-icon-title">border-top</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-border-vertical"></i>
                    <div class="ba-icon-title">border-vertical</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-copy"></i>
                    <div class="ba-icon-title">copy</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-crop"></i>
                    <div class="ba-icon-title">crop</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-align-center"></i>
                    <div class="ba-icon-title">format-align-center</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-align-justify"></i>
                    <div class="ba-icon-title">format-align-justify</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-align-left"></i>
                    <div class="ba-icon-title">format-align-left</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-align-right"></i>
                    <div class="ba-icon-title">format-align-right</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-bold"></i>
                    <div class="ba-icon-title">format-bold</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-clear-all"></i>
                    <div class="ba-icon-title">format-clear-all</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-clear"></i>
                    <div class="ba-icon-title">format-clear</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-color-fill"></i>
                    <div class="ba-icon-title">format-color-fill</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-color-reset"></i>
                    <div class="ba-icon-title">format-color-reset</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-color-text"></i>
                    <div class="ba-icon-title">format-color-text</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-indent-decrease"></i>
                    <div class="ba-icon-title">format-indent-decrease</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-indent-increase"></i>
                    <div class="ba-icon-title">format-indent-increase</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-italic"></i>
                    <div class="ba-icon-title">format-italic</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-line-spacing"></i>
                    <div class="ba-icon-title">format-line-spacing</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-list-bulleted"></i>
                    <div class="ba-icon-title">format-list-bulleted</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-list-numbered"></i>
                    <div class="ba-icon-title">format-list-numbered</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-ltr"></i>
                    <div class="ba-icon-title">format-ltr</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-rtl"></i>
                    <div class="ba-icon-title">format-rtl</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-size"></i>
                    <div class="ba-icon-title">format-size</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-strikethrough-s"></i>
                    <div class="ba-icon-title">format-strikethrough-s</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-strikethrough"></i>
                    <div class="ba-icon-title">format-strikethrough</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-subject"></i>
                    <div class="ba-icon-title">format-subject</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-underlined"></i>
                    <div class="ba-icon-title">format-underlined</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-valign-bottom"></i>
                    <div class="ba-icon-title">format-valign-bottom</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-valign-center"></i>
                    <div class="ba-icon-title">format-valign-center</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-format-valign-top"></i>
                    <div class="ba-icon-title">format-valign-top</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-redo"></i>
                    <div class="ba-icon-title">redo</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-select-all"></i>
                    <div class="ba-icon-title">select-all</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-space-bar"></i>
                    <div class="ba-icon-title">space-bar</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-text-format"></i>
                    <div class="ba-icon-title">text-format</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-transform"></i>
                    <div class="ba-icon-title">transform</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-undo"></i>
                    <div class="ba-icon-title">undo</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-wrap-text"></i>
                    <div class="ba-icon-title">wrap-text</div>
                </div>
                <hr>
            </div>
            <div class="icons-section">
                <h3>Comment</h3>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-comment-alert"></i>
                    <div class="ba-icon-title">comment-alert</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-comment-alt-text"></i>
                    <div class="ba-icon-title">comment-alt-text</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-comment-alt"></i>
                    <div class="ba-icon-title">comment-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-comment-edit"></i>
                    <div class="ba-icon-title">comment-edit</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-comment-image"></i>
                    <div class="ba-icon-title">comment-image</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-comment-list"></i>
                    <div class="ba-icon-title">comment-list</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-comment-more"></i>
                    <div class="ba-icon-title">comment-more</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-comment-outline"></i>
                    <div class="ba-icon-title">comment-outline</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-comment-text-alt"></i>
                    <div class="ba-icon-title">comment-text-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-comment-text"></i>
                    <div class="ba-icon-title">comment-text</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-comment-video"></i>
                    <div class="ba-icon-title">comment-video</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-comment"></i>
                    <div class="ba-icon-title">comment</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-comments"></i>
                    <div class="ba-icon-title">comments</div>
                </div>
                <hr>
            </div>
            <div class="icons-section">
                <h3>Form</h3>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-check-all"></i>
                    <div class="ba-icon-title">check-all</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-check-circle-u"></i>
                    <div class="ba-icon-title">check-circle-u</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-check-circle"></i>
                    <div class="ba-icon-title">check-circle</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-check-square"></i>
                    <div class="ba-icon-title">check-square</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-check"></i>
                    <div class="ba-icon-title">check</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-circle-o"></i>
                    <div class="ba-icon-title">circle-o</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-circle"></i>
                    <div class="ba-icon-title">circle</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-dot-circle-alt"></i>
                    <div class="ba-icon-title">dot-circle-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-dot-circle"></i>
                    <div class="ba-icon-title">dot-circle</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-minus-circle-outline"></i>
                    <div class="ba-icon-title">minus-circle-outline</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-minus-circle"></i>
                    <div class="ba-icon-title">minus-circle</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-minus-square"></i>
                    <div class="ba-icon-title">minus-square</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-minus"></i>
                    <div class="ba-icon-title">minus</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-plus-circle-o-duplicate"></i>
                    <div class="ba-icon-title">plus-circle-o-duplicate</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-plus-circle-o"></i>
                    <div class="ba-icon-title">plus-circle-o</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-plus-circle"></i>
                    <div class="ba-icon-title">plus-circle</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-plus-square"></i>
                    <div class="ba-icon-title">plus-square</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-plus"></i>
                    <div class="ba-icon-title">plus</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-square-o"></i>
                    <div class="ba-icon-title">square-o</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-star-circle"></i>
                    <div class="ba-icon-title">star-circle</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-star-half"></i>
                    <div class="ba-icon-title">star-half</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-star-outline"></i>
                    <div class="ba-icon-title">star-outline</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-star"></i>
                    <div class="ba-icon-title">star</div>
                </div>
                <hr>
            </div>
            <div class="icons-section">
                <h3>Hardware</h3>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-bluetooth-connected"></i>
                    <div class="ba-icon-title">bluetooth-connected</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-bluetooth-off"></i>
                    <div class="ba-icon-title">bluetooth-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-bluetooth-search"></i>
                    <div class="ba-icon-title">bluetooth-search</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-bluetooth-setting"></i>
                    <div class="ba-icon-title">bluetooth-setting</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-bluetooth"></i>
                    <div class="ba-icon-title">bluetooth</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-camera-add"></i>
                    <div class="ba-icon-title">camera-add</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-camera-alt"></i>
                    <div class="ba-icon-title">camera-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-camera-bw"></i>
                    <div class="ba-icon-title">camera-bw</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-camera-front"></i>
                    <div class="ba-icon-title">camera-front</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-camera-mic"></i>
                    <div class="ba-icon-title">camera-mic</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-camera-party-mode"></i>
                    <div class="ba-icon-title">camera-party-mode</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-camera-rear"></i>
                    <div class="ba-icon-title">camera-rear</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-camera-roll"></i>
                    <div class="ba-icon-title">camera-roll</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-camera-switch"></i>
                    <div class="ba-icon-title">camera-switch</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-camera"></i>
                    <div class="ba-icon-title">camera</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-card-alert"></i>
                    <div class="ba-icon-title">card-alert</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-card-off"></i>
                    <div class="ba-icon-title">card-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-card-sd"></i>
                    <div class="ba-icon-title">card-sd</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-card-sim"></i>
                    <div class="ba-icon-title">card-sim</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-desktop-mac"></i>
                    <div class="ba-icon-title">desktop-mac</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-desktop-windows"></i>
                    <div class="ba-icon-title">desktop-windows</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-device-hub"></i>
                    <div class="ba-icon-title">device-hub</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-devices-off"></i>
                    <div class="ba-icon-title">devices-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-devices"></i>
                    <div class="ba-icon-title">devices</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-dock"></i>
                    <div class="ba-icon-title">dock</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-floppy"></i>
                    <div class="ba-icon-title">floppy</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-gamepad"></i>
                    <div class="ba-icon-title">gamepad</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-gps-dot"></i>
                    <div class="ba-icon-title">gps-dot</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-gps-off"></i>
                    <div class="ba-icon-title">gps-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-gps"></i>
                    <div class="ba-icon-title">gps</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-headset-mic"></i>
                    <div class="ba-icon-title">headset-mic</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-headset"></i>
                    <div class="ba-icon-title">headset</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-input-antenna"></i>
                    <div class="ba-icon-title">input-antenna</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-input-composite"></i>
                    <div class="ba-icon-title">input-composite</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-input-hdmi"></i>
                    <div class="ba-icon-title">input-hdmi</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-input-power"></i>
                    <div class="ba-icon-title">input-power</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-input-svideo"></i>
                    <div class="ba-icon-title">input-svideo</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-keyboard-hide"></i>
                    <div class="ba-icon-title">keyboard-hide</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-keyboard"></i>
                    <div class="ba-icon-title">keyboard</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-laptop-chromebook"></i>
                    <div class="ba-icon-title">laptop-chromebook</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-laptop-mac"></i>
                    <div class="ba-icon-title">laptop-mac</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-laptop"></i>
                    <div class="ba-icon-title">laptop</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-mic-off"></i>
                    <div class="ba-icon-title">mic-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-mic-outline"></i>
                    <div class="ba-icon-title">mic-outline</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-mic-setting"></i>
                    <div class="ba-icon-title">mic-setting</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-mic"></i>
                    <div class="ba-icon-title">mic</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-mouse"></i>
                    <div class="ba-icon-title">mouse</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-network-alert"></i>
                    <div class="ba-icon-title">network-alert</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-network-locked"></i>
                    <div class="ba-icon-title">network-locked</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-network-off"></i>
                    <div class="ba-icon-title">network-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-network-outline"></i>
                    <div class="ba-icon-title">network-outline</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-network-setting"></i>
                    <div class="ba-icon-title">network-setting</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-network"></i>
                    <div class="ba-icon-title">network</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-phone-bluetooth"></i>
                    <div class="ba-icon-title">phone-bluetooth</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-phone-end"></i>
                    <div class="ba-icon-title">phone-end</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-phone-forwarded"></i>
                    <div class="ba-icon-title">phone-forwarded</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-phone-in-talk"></i>
                    <div class="ba-icon-title">phone-in-talk</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-phone-locked"></i>
                    <div class="ba-icon-title">phone-locked</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-phone-missed"></i>
                    <div class="ba-icon-title">phone-missed</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-phone-msg"></i>
                    <div class="ba-icon-title">phone-msg</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-phone-paused"></i>
                    <div class="ba-icon-title">phone-paused</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-phone-ring"></i>
                    <div class="ba-icon-title">phone-ring</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-phone-setting"></i>
                    <div class="ba-icon-title">phone-setting</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-phone-sip"></i>
                    <div class="ba-icon-title">phone-sip</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-phone"></i>
                    <div class="ba-icon-title">phone</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-portable-wifi-changes"></i>
                    <div class="ba-icon-title">portable-wifi-changes</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-portable-wifi-off"></i>
                    <div class="ba-icon-title">portable-wifi-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-portable-wifi"></i>
                    <div class="ba-icon-title">portable-wifi</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-radio"></i>
                    <div class="ba-icon-title">radio</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-reader"></i>
                    <div class="ba-icon-title">reader</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-remote-control-alt"></i>
                    <div class="ba-icon-title">remote-control-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-remote-control"></i>
                    <div class="ba-icon-title">remote-control</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-router"></i>
                    <div class="ba-icon-title">router</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-scanner"></i>
                    <div class="ba-icon-title">scanner</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-smartphone-android"></i>
                    <div class="ba-icon-title">smartphone-android</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-smartphone-download"></i>
                    <div class="ba-icon-title">smartphone-download</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-smartphone-erase"></i>
                    <div class="ba-icon-title">smartphone-erase</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-smartphone-info"></i>
                    <div class="ba-icon-title">smartphone-info</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-smartphone-iphone"></i>
                    <div class="ba-icon-title">smartphone-iphone</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-smartphone-landscape-lock"></i>
                    <div class="ba-icon-title">smartphone-landscape-lock</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-smartphone-landscape"></i>
                    <div class="ba-icon-title">smartphone-landscape</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-smartphone-lock"></i>
                    <div class="ba-icon-title">smartphone-lock</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-smartphone-portrait-lock"></i>
                    <div class="ba-icon-title">smartphone-portrait-lock</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-smartphone-ring"></i>
                    <div class="ba-icon-title">smartphone-ring</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-smartphone-setting"></i>
                    <div class="ba-icon-title">smartphone-setting</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-smartphone-setup"></i>
                    <div class="ba-icon-title">smartphone-setup</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-smartphone"></i>
                    <div class="ba-icon-title">smartphone</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-speaker"></i>
                    <div class="ba-icon-title">speaker</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-tablet-android"></i>
                    <div class="ba-icon-title">tablet-android</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-tablet-mac"></i>
                    <div class="ba-icon-title">tablet-mac</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-tablet"></i>
                    <div class="ba-icon-title">tablet</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-tv-alt-play"></i>
                    <div class="ba-icon-title">tv-alt-play</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-tv-list"></i>
                    <div class="ba-icon-title">tv-list</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-tv-play"></i>
                    <div class="ba-icon-title">tv-play</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-tv"></i>
                    <div class="ba-icon-title">tv</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-usb"></i>
                    <div class="ba-icon-title">usb</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-videocam-off"></i>
                    <div class="ba-icon-title">videocam-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-videocam-switch"></i>
                    <div class="ba-icon-title">videocam-switch</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-videocam"></i>
                    <div class="ba-icon-title">videocam</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-watch"></i>
                    <div class="ba-icon-title">watch</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-wifi-alt-2"></i>
                    <div class="ba-icon-title">wifi-alt-2</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-wifi-alt"></i>
                    <div class="ba-icon-title">wifi-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-wifi-info"></i>
                    <div class="ba-icon-title">wifi-info</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-wifi-lock"></i>
                    <div class="ba-icon-title">wifi-lock</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-wifi-off"></i>
                    <div class="ba-icon-title">wifi-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-wifi-outline"></i>
                    <div class="ba-icon-title">wifi-outline</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-wifi"></i>
                    <div class="ba-icon-title">wifi</div>
                </div>
                <hr>
            </div>
            <div class="icons-section">
                <h3>Directional</h3>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-arrow-left-bottom"></i>
                    <div class="ba-icon-title">arrow-left-bottom</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-arrow-left"></i>
                    <div class="ba-icon-title">arrow-left</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-arrow-merge"></i>
                    <div class="ba-icon-title">arrow-merge</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-arrow-missed"></i>
                    <div class="ba-icon-title">arrow-missed</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-arrow-right-top"></i>
                    <div class="ba-icon-title">arrow-right-top</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-arrow-right"></i>
                    <div class="ba-icon-title">arrow-right</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-arrow-split"></i>
                    <div class="ba-icon-title">arrow-split</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-arrows"></i>
                    <div class="ba-icon-title">arrows</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-caret-down-circle"></i>
                    <div class="ba-icon-title">caret-down-circle</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-caret-down"></i>
                    <div class="ba-icon-title">caret-down</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-caret-left-circle"></i>
                    <div class="ba-icon-title">caret-left-circle</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-caret-left"></i>
                    <div class="ba-icon-title">caret-left</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-caret-right-circle"></i>
                    <div class="ba-icon-title">caret-right-circle</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-caret-right"></i>
                    <div class="ba-icon-title">caret-right</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-caret-up-circle"></i>
                    <div class="ba-icon-title">caret-up-circle</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-caret-up"></i>
                    <div class="ba-icon-title">caret-up</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-chevron-down"></i>
                    <div class="ba-icon-title">chevron-down</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-chevron-left"></i>
                    <div class="ba-icon-title">chevron-left</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-chevron-right"></i>
                    <div class="ba-icon-title">chevron-right</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-chevron-up"></i>
                    <div class="ba-icon-title">chevron-up</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-forward"></i>
                    <div class="ba-icon-title">forward</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-long-arrow-down"></i>
                    <div class="ba-icon-title">long-arrow-down</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-long-arrow-left"></i>
                    <div class="ba-icon-title">long-arrow-left</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-long-arrow-return"></i>
                    <div class="ba-icon-title">long-arrow-return</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-long-arrow-right"></i>
                    <div class="ba-icon-title">long-arrow-right</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-long-arrow-tab"></i>
                    <div class="ba-icon-title">long-arrow-tab</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-long-arrow-up"></i>
                    <div class="ba-icon-title">long-arrow-up</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-rotate-ccw"></i>
                    <div class="ba-icon-title">rotate-ccw</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-rotate-cw"></i>
                    <div class="ba-icon-title">rotate-cw</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-rotate-left"></i>
                    <div class="ba-icon-title">rotate-left</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-rotate-right"></i>
                    <div class="ba-icon-title">rotate-right</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-square-down"></i>
                    <div class="ba-icon-title">square-down</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-square-right"></i>
                    <div class="ba-icon-title">square-right</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-swap-alt"></i>
                    <div class="ba-icon-title">swap-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-swap-vertical-circle"></i>
                    <div class="ba-icon-title">swap-vertical-circle</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-swap-vertical"></i>
                    <div class="ba-icon-title">swap-vertical</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-swap"></i>
                    <div class="ba-icon-title">swap</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-trending-down"></i>
                    <div class="ba-icon-title">trending-down</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-trending-flat"></i>
                    <div class="ba-icon-title">trending-flat</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-trending-up"></i>
                    <div class="ba-icon-title">trending-up</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-unfold-less"></i>
                    <div class="ba-icon-title">unfold-less</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-unfold-more"></i>
                    <div class="ba-icon-title">unfold-more</div>
                </div>
                <hr>
            </div>
            <div class="icons-section">
                <h3>Map</h3>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-bike"></i>
                    <div class="ba-icon-title">bike</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-boat"></i>
                    <div class="ba-icon-title">boat</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-bus"></i>
                    <div class="ba-icon-title">bus</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-car"></i>
                    <div class="ba-icon-title">car</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-railway"></i>
                    <div class="ba-icon-title">railway</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-run"></i>
                    <div class="ba-icon-title">run</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-subway"></i>
                    <div class="ba-icon-title">subway</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-walk"></i>
                    <div class="ba-icon-title">walk</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-turning-sign"></i>
                    <div class="ba-icon-title">turning-sign</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-layers-off"></i>
                    <div class="ba-icon-title">layers-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-layers"></i>
                    <div class="ba-icon-title">layers</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-ticket-star"></i>
                    <div class="ba-icon-title">ticket-star</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-airplane"></i>
                    <div class="ba-icon-title">airplane</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-money-box"></i>
                    <div class="ba-icon-title">money-box</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-cocktail"></i>
                    <div class="ba-icon-title">cocktail</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-coffee"></i>
                    <div class="ba-icon-title">coffee</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-car-wash"></i>
                    <div class="ba-icon-title">car-wash</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-store-24"></i>
                    <div class="ba-icon-title">store-24</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-cutlery"></i>
                    <div class="ba-icon-title">cutlery</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-drink"></i>
                    <div class="ba-icon-title">drink</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-flower-alt"></i>
                    <div class="ba-icon-title">flower-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-gas-station"></i>
                    <div class="ba-icon-title">gas-station</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-shopping-cart"></i>
                    <div class="ba-icon-title">shopping-cart</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-hospital"></i>
                    <div class="ba-icon-title">hospital</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-hotel"></i>
                    <div class="ba-icon-title">hotel</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-washing-machine"></i>
                    <div class="ba-icon-title">washing-machine</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-library"></i>
                    <div class="ba-icon-title">library</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-mall"></i>
                    <div class="ba-icon-title">mall</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-movie-alt"></i>
                    <div class="ba-icon-title">movie-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-label"></i>
                    <div class="ba-icon-title">label</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-parking"></i>
                    <div class="ba-icon-title">parking</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-hospital-alt"></i>
                    <div class="ba-icon-title">hospital-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-phone"></i>
                    <div class="ba-icon-title">phone</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-pizza"></i>
                    <div class="ba-icon-title">pizza</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-ticket-star"></i>
                    <div class="ba-icon-title">ticket-star</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-email"></i>
                    <div class="ba-icon-title">email</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-print"></i>
                    <div class="ba-icon-title">print</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-camera"></i>
                    <div class="ba-icon-title">camera</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-truck"></i>
                    <div class="ba-icon-title">truck</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-store"></i>
                    <div class="ba-icon-title">store</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-car-taxi"></i>
                    <div class="ba-icon-title">car-taxi</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-male-female"></i>
                    <div class="ba-icon-title">male-female</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-map"></i>
                    <div class="ba-icon-title">map</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-gps-dot"></i>
                    <div class="ba-icon-title">gps-dot</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-nature-people"></i>
                    <div class="ba-icon-title">nature-people</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-nature"></i>
                    <div class="ba-icon-title">nature</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-navigation"></i>
                    <div class="ba-icon-title">navigation</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-pin-account"></i>
                    <div class="ba-icon-title">pin-account</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-pin-assistant"></i>
                    <div class="ba-icon-title">pin-assistant</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-pin-drop"></i>
                    <div class="ba-icon-title">pin-drop</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-pin-help"></i>
                    <div class="ba-icon-title">pin-help</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-pin-off"></i>
                    <div class="ba-icon-title">pin-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-pin"></i>
                    <div class="ba-icon-title">pin</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-traffic"></i>
                    <div class="ba-icon-title">traffic</div>
                </div>
                <hr>
            </div>
            <div class="icons-section">
                <h3>View</h3>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-apps"></i>
                    <div class="ba-icon-title">apps</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-grid-off"></i>
                    <div class="ba-icon-title">grid-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-grid"></i>
                    <div class="ba-icon-title">grid</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-view-agenda"></i>
                    <div class="ba-icon-title">view-agenda</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-view-array"></i>
                    <div class="ba-icon-title">view-array</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-view-carousel"></i>
                    <div class="ba-icon-title">view-carousel</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-view-column"></i>
                    <div class="ba-icon-title">view-column</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-view-comfy"></i>
                    <div class="ba-icon-title">view-comfy</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-view-compact"></i>
                    <div class="ba-icon-title">view-compact</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-view-dashboard"></i>
                    <div class="ba-icon-title">view-dashboard</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-view-day"></i>
                    <div class="ba-icon-title">view-day</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-view-headline"></i>
                    <div class="ba-icon-title">view-headline</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-view-list-alt"></i>
                    <div class="ba-icon-title">view-list-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-view-list"></i>
                    <div class="ba-icon-title">view-list</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-view-module"></i>
                    <div class="ba-icon-title">view-module</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-view-quilt"></i>
                    <div class="ba-icon-title">view-quilt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-view-stream"></i>
                    <div class="ba-icon-title">view-stream</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-view-subtitles"></i>
                    <div class="ba-icon-title">view-subtitles</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-view-toc"></i>
                    <div class="ba-icon-title">view-toc</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-view-web"></i>
                    <div class="ba-icon-title">view-web</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-view-week"></i>
                    <div class="ba-icon-title">view-week</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-widgets"></i>
                    <div class="ba-icon-title">widgets</div>
                </div>
                <hr>
            </div>
            <div class="icons-section">
                <h3>Date / Time</h3>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-alarm-check"></i>
                    <div class="ba-icon-title">alarm-check</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-alarm-off"></i>
                    <div class="ba-icon-title">alarm-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-alarm-plus"></i>
                    <div class="ba-icon-title">alarm-plus</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-alarm-snooze"></i>
                    <div class="ba-icon-title">alarm-snooze</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-alarm"></i>
                    <div class="ba-icon-title">alarm</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-calendar-alt"></i>
                    <div class="ba-icon-title">calendar-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-calendar-check"></i>
                    <div class="ba-icon-title">calendar-check</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-calendar-close"></i>
                    <div class="ba-icon-title">calendar-close</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-calendar-note"></i>
                    <div class="ba-icon-title">calendar-note</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-calendar"></i>
                    <div class="ba-icon-title">calendar</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-time-countdown"></i>
                    <div class="ba-icon-title">time-countdown</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-time-interval"></i>
                    <div class="ba-icon-title">time-interval</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-time-restore-setting"></i>
                    <div class="ba-icon-title">time-restore-setting</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-time-restore"></i>
                    <div class="ba-icon-title">time-restore</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-time"></i>
                    <div class="ba-icon-title">time</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-timer-off"></i>
                    <div class="ba-icon-title">timer-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-timer"></i>
                    <div class="ba-icon-title">timer</div>
                </div>
                <hr>
            </div>
            <div class="icons-section">
                <h3>Social</h3>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-android-alt"></i>
                    <div class="ba-icon-title">android-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-android"></i>
                    <div class="ba-icon-title">android</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-apple"></i>
                    <div class="ba-icon-title">apple</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-behance"></i>
                    <div class="ba-icon-title">behance</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-codepen"></i>
                    <div class="ba-icon-title">codepen</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-dribbble"></i>
                    <div class="ba-icon-title">dribbble</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-dropbox"></i>
                    <div class="ba-icon-title">dropbox</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-evernote"></i>
                    <div class="ba-icon-title">evernote</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-facebook-box"></i>
                    <div class="ba-icon-title">facebook-box</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-facebook"></i>
                    <div class="ba-icon-title">facebook</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-github-box"></i>
                    <div class="ba-icon-title">github-box</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-github"></i>
                    <div class="ba-icon-title">github</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-google-drive"></i>
                    <div class="ba-icon-title">google-drive</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-google-earth"></i>
                    <div class="ba-icon-title">google-earth</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-google-glass"></i>
                    <div class="ba-icon-title">google-glass</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-google-maps"></i>
                    <div class="ba-icon-title">google-maps</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-google-pages"></i>
                    <div class="ba-icon-title">google-pages</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-google-play"></i>
                    <div class="ba-icon-title">google-play</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-google-plus-box"></i>
                    <div class="ba-icon-title">google-plus-box</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-google-plus"></i>
                    <div class="ba-icon-title">google-plus</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-google"></i>
                    <div class="ba-icon-title">google</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-instagram"></i>
                    <div class="ba-icon-title">instagram</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-language-css3"></i>
                    <div class="ba-icon-title">language-css3</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-language-html5"></i>
                    <div class="ba-icon-title">language-html5</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-language-javascript"></i>
                    <div class="ba-icon-title">language-javascript</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-language-python-alt"></i>
                    <div class="ba-icon-title">language-python-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-language-python"></i>
                    <div class="ba-icon-title">language-python</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-lastfm"></i>
                    <div class="ba-icon-title">lastfm</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-linkedin-box"></i>
                    <div class="ba-icon-title">linkedin-box</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-paypal"></i>
                    <div class="ba-icon-title">paypal</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-pinterest-box">
                    </i><div class="ba-icon-title">pinterest-box</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-pocket"></i>
                    <div class="ba-icon-title">pocket</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-polymer"></i>
                    <div class="ba-icon-title">polymer</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-rss"></i>
                    <div class="ba-icon-title">rss</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-share"></i>
                    <div class="ba-icon-title">share</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-stackoverflow"></i>
                    <div class="ba-icon-title">stackoverflow</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-steam-square"></i>
                    <div class="ba-icon-title">steam-square</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-steam"></i>
                    <div class="ba-icon-title">steam</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-twitter-box"></i>
                    <div class="ba-icon-title">twitter-box</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-twitter"></i>
                    <div class="ba-icon-title">twitter</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-vk"></i>
                    <div class="ba-icon-title">vk</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-wikipedia"></i>
                    <div class="ba-icon-title">wikipedia</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-windows"></i>
                    <div class="ba-icon-title">windows</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-500px"></i>
                    <div class="ba-icon-title">500px</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-8tracks"></i>
                    <div class="ba-icon-title">8tracks</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-amazon"></i>
                    <div class="ba-icon-title">amazon</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-blogger"></i>
                    <div class="ba-icon-title">blogger</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-delicious"></i>
                    <div class="ba-icon-title">delicious</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-disqus"></i>
                    <div class="ba-icon-title">disqus</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-flattr"></i>
                    <div class="ba-icon-title">flattr</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-flickr"></i>
                    <div class="ba-icon-title">flickr</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-github-alt"></i>
                    <div class="ba-icon-title">github-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-google-old"></i>
                    <div class="ba-icon-title">google-old</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-linkedin"></i>
                    <div class="ba-icon-title">linkedin</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-odnoklassniki"></i>
                    <div class="ba-icon-title">odnoklassniki</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-outlook"></i>
                    <div class="ba-icon-title">outlook</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-paypal-alt"></i>
                    <div class="ba-icon-title">paypal-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-pinterest"></i>
                    <div class="ba-icon-title">pinterest</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-playstation"></i>
                    <div class="ba-icon-title">playstation</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-reddit"></i>
                    <div class="ba-icon-title">reddit</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-skype"></i>
                    <div class="ba-icon-title">skype</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-slideshare"></i>
                    <div class="ba-icon-title">slideshare</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-soundcloud"></i>
                    <div class="ba-icon-title">soundcloud</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-tumblr"></i>
                    <div class="ba-icon-title">tumblr</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-twitch"></i>
                    <div class="ba-icon-title">twitch</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-vimeo"></i>
                    <div class="ba-icon-title">vimeo</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-whatsapp"></i>
                    <div class="ba-icon-title">whatsapp</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-xbox"></i>
                    <div class="ba-icon-title">xbox</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-yahoo"></i>
                    <div class="ba-icon-title">yahoo</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-youtube-play"></i>
                    <div class="ba-icon-title">youtube-play</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-youtube"></i>
                    <div class="ba-icon-title">youtube</div>
                </div>
                <hr>
            </div>
            <div class="icons-section">
                <h3>Image</h3>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-aspect-ratio-alt"></i>
                    <div class="ba-icon-title">aspect-ratio-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-aspect-ratio"></i>
                    <div class="ba-icon-title">aspect-ratio</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-blur-circular"></i>
                    <div class="ba-icon-title">blur-circular</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-blur-linear"></i>
                    <div class="ba-icon-title">blur-linear</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-blur-off"></i>
                    <div class="ba-icon-title">blur-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-blur"></i>
                    <div class="ba-icon-title">blur</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-brightness-2"></i>
                    <div class="ba-icon-title">brightness-2</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-brightness-3"></i>
                    <div class="ba-icon-title">brightness-3</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-brightness-4"></i>
                    <div class="ba-icon-title">brightness-4</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-brightness-5"></i>
                    <div class="ba-icon-title">brightness-5</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-brightness-6"></i>
                    <div class="ba-icon-title">brightness-6</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-brightness-7"></i>
                    <div class="ba-icon-title">brightness-7</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-brightness-auto"></i>
                    <div class="ba-icon-title">brightness-auto</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-brightness-setting"></i>
                    <div class="ba-icon-title">brightness-setting</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-broken-image"></i>
                    <div class="ba-icon-title">broken-image</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-center-focus-strong"></i>
                    <div class="ba-icon-title">center-focus-strong</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-center-focus-weak"></i>
                    <div class="ba-icon-title">center-focus-weak</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-compare"></i>
                    <div class="ba-icon-title">compare</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-crop-16-9"></i>
                    <div class="ba-icon-title">crop-16-9</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-crop-3-2"></i>
                    <div class="ba-icon-title">crop-3-2</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-crop-5-4"></i>
                    <div class="ba-icon-title">crop-5-4</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-crop-7-5"></i>
                    <div class="ba-icon-title">crop-7-5</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-crop-din"></i>
                    <div class="ba-icon-title">crop-din</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-crop-free"></i>
                    <div class="ba-icon-title">crop-free</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-crop-landscape"></i>
                    <div class="ba-icon-title">crop-landscape</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-crop-portrait"></i>
                    <div class="ba-icon-title">crop-portrait</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-crop-square"></i>
                    <div class="ba-icon-title">crop-square</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-exposure-alt"></i>
                    <div class="ba-icon-title">exposure-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-exposure"></i>
                    <div class="ba-icon-title">exposure</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-filter-b-and-w"></i>
                    <div class="ba-icon-title">filter-b-and-w</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-filter-center-focus"></i>
                    <div class="ba-icon-title">filter-center-focus</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-filter-frames"></i>
                    <div class="ba-icon-title">filter-frames</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-filter-tilt-shift"></i>
                    <div class="ba-icon-title">filter-tilt-shift</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-gradient"></i>
                    <div class="ba-icon-title">gradient</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-grain"></i>
                    <div class="ba-icon-title">grain</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-graphic-eq"></i>
                    <div class="ba-icon-title">graphic-eq</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-hdr-off"></i>
                    <div class="ba-icon-title">hdr-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-hdr-strong"></i>
                    <div class="ba-icon-title">hdr-strong</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-hdr-weak"></i>
                    <div class="ba-icon-title">hdr-weak</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-hdr"></i>
                    <div class="ba-icon-title">hdr</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-iridescent"></i>
                    <div class="ba-icon-title">iridescent</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-leak-off"></i>
                    <div class="ba-icon-title">leak-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-leak"></i>
                    <div class="ba-icon-title">leak</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-looks"></i>
                    <div class="ba-icon-title">looks</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-loupe"></i>
                    <div class="ba-icon-title">loupe</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-panorama-horizontal"></i>
                    <div class="ba-icon-title">panorama-horizontal</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-panorama-vertical"></i>
                    <div class="ba-icon-title">panorama-vertical</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-panorama-wide-angle"></i>
                    <div class="ba-icon-title">panorama-wide-angle</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-photo-size-select-large"></i>
                    <div class="ba-icon-title">photo-size-select-large</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-photo-size-select-small"></i>
                    <div class="ba-icon-title">photo-size-select-small</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-picture-in-picture"></i>
                    <div class="ba-icon-title">picture-in-picture</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-slideshow"></i>
                    <div class="ba-icon-title">slideshow</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-texture"></i>
                    <div class="ba-icon-title">texture</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-tonality"></i>
                    <div class="ba-icon-title">tonality</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-vignette"></i>
                    <div class="ba-icon-title">vignette</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-wb-auto"></i>
                    <div class="ba-icon-title">wb-auto</div>
                </div>
                <hr>
            </div>
            <div class="icons-section">
                <h3>Audio / Video</h3>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-eject-alt"></i>
                    <div class="ba-icon-title">eject-alt</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-eject"></i>
                    <div class="ba-icon-title">eject</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-equalizer"></i>
                    <div class="ba-icon-title">equalizer</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-fast-forward"></i>
                    <div class="ba-icon-title">fast-forward</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-fast-rewind"></i>
                    <div class="ba-icon-title">fast-rewind</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-forward-10"></i>
                    <div class="ba-icon-title">forward-10</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-forward-30"></i>
                    <div class="ba-icon-title">forward-30</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-forward-5"></i>
                    <div class="ba-icon-title">forward-5</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-hearing"></i>
                    <div class="ba-icon-title">hearing</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-pause-circle-outline"></i>
                    <div class="ba-icon-title">pause-circle-outline</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-pause-circle"></i>
                    <div class="ba-icon-title">pause-circle</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-pause"></i>
                    <div class="ba-icon-title">pause</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-play-circle-outline"></i>
                    <div class="ba-icon-title">play-circle-outline</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-play-circle"></i>
                    <div class="ba-icon-title">play-circle</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-play"></i>
                    <div class="ba-icon-title">play</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-playlist-audio"></i>
                    <div class="ba-icon-title">playlist-audio</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-playlist-plus"></i>
                    <div class="ba-icon-title">playlist-plus</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-repeat-one"></i>
                    <div class="ba-icon-title">repeat-one</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-repeat"></i>
                    <div class="ba-icon-title">repeat</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-replay-10"></i>
                    <div class="ba-icon-title">replay-10</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-replay-30"></i>
                    <div class="ba-icon-title">replay-30</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-replay-5"></i>
                    <div class="ba-icon-title">replay-5</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-replay"></i>
                    <div class="ba-icon-title">replay</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-shuffle"></i>
                    <div class="ba-icon-title">shuffle</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-skip-next"></i>
                    <div class="ba-icon-title">skip-next</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-skip-previous"></i>
                    <div class="ba-icon-title">skip-previous</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-stop"></i>
                    <div class="ba-icon-title">stop</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-surround-sound"></i>
                    <div class="ba-icon-title">surround-sound</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-tune"></i>
                    <div class="ba-icon-title">tune</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-volume-down"></i>
                    <div class="ba-icon-title">volume-down</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-volume-mute"></i>
                    <div class="ba-icon-title">volume-mute</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-volume-off"></i>
                    <div class="ba-icon-title">volume-off</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-volume-up"></i>
                    <div class="ba-icon-title">volume-up</div>
                </div>
                <hr>
            </div>
            <div class="icons-section">
                <h3>Numbers</h3>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-n-1-square"></i>
                    <div class="ba-icon-title">n-1-square</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-n-2-square"></i>
                    <div class="ba-icon-title">n-2-square</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-n-3-square"></i>
                    <div class="ba-icon-title">n-3-square</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-n-4-square"></i>
                    <div class="ba-icon-title">n-4-square</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-n-5-square"></i>
                    <div class="ba-icon-title">n-5-square</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-n-6-square"></i>
                    <div class="ba-icon-title">n-6-square</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-neg-1"></i>
                    <div class="ba-icon-title">neg-1</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-neg-2"></i>
                    <div class="ba-icon-title">neg-2</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-plus-1"></i>
                    <div class="ba-icon-title">plus-1</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-plus-2"></i>
                    <div class="ba-icon-title">plus-2</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-sec-10"></i>
                    <div class="ba-icon-title">sec-10</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-sec-3"></i>
                    <div class="ba-icon-title">sec-3</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-zero"></i>
                    <div class="ba-icon-title">zero</div>
                </div>
                <hr>
            </div>
            <div class="icons-section">
                <h3>Other</h3>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-airline-seat-flat-angled"></i>
                    <div class="ba-icon-title">airline-seat-flat-angled</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-airline-seat-flat"></i>
                    <div class="ba-icon-title">airline-seat-flat</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-airline-seat-individual-suite"></i>
                    <div class="ba-icon-title">airline-seat-individual-suite</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-airline-seat-legroom-extra"></i>
                    <div class="ba-icon-title">airline-seat-legroom-extra</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-airline-seat-legroom-normal"></i>
                    <div class="ba-icon-title">airline-seat-legroom-normal</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-airline-seat-legroom-reduced"></i>
                    <div class="ba-icon-title">airline-seat-legroom-reduced</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-airline-seat-recline-extra"></i>
                    <div class="ba-icon-title">airline-seat-recline-extra</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-airline-seat-recline-normal"></i>
                    <div class="ba-icon-title">airline-seat-recline-normal</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-airplay"></i>
                    <div class="ba-icon-title">airplay</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-closed-caption"></i>
                    <div class="ba-icon-title">closed-caption</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-confirmation-number"></i>
                    <div class="ba-icon-title">confirmation-number</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-developer-board"></i>
                    <div class="ba-icon-title">developer-board</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-disc-full"></i>
                    <div class="ba-icon-title">disc-full</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-explicit"></i>
                    <div class="ba-icon-title">explicit</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-flight-land"></i>
                    <div class="ba-icon-title">flight-land</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-flight-takeoff"></i>
                    <div class="ba-icon-title">flight-takeoff</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-flip-to-back"></i>
                    <div class="ba-icon-title">flip-to-back</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-flip-to-front"></i>
                    <div class="ba-icon-title">flip-to-front</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-group-work"></i>
                    <div class="ba-icon-title">group-work</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-hd"></i>
                    <div class="ba-icon-title">hd</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-hq"></i>
                    <div class="ba-icon-title">hq</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-markunread-mailbox"></i>
                    <div class="ba-icon-title">markunread-mailbox</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-memory"></i>
                    <div class="ba-icon-title">memory</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-nfc"></i>
                    <div class="ba-icon-title">nfc</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-play-for-work"></i>
                    <div class="ba-icon-title">play-for-work</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-power-input"></i>
                    <div class="ba-icon-title">power-input</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-present-to-all"></i>
                    <div class="ba-icon-title">present-to-all</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-satellite"></i>
                    <div class="ba-icon-title">satellite</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-tap-and-play"></i>
                    <div class="ba-icon-title">tap-and-play</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-vibration"></i>
                    <div class="ba-icon-title">vibration</div>
                </div>
                <div class="ba-icon-item">
                    <i class="zmdi zmdi-voicemail"></i>
                    <div class="ba-icon-title">voicemail</div>
                </div>
            </div>
        </div>
    </div>
</div>