hdjs
Version:
hdjs framework
650 lines (490 loc) • 256 kB
JavaScript
var tpl = `
<div>
<section id="web-application" class="mainParts">
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" href="#">网页</a>
</li>
</ul>
<div class="row fontawesome-icon-list">
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-adjust"></i><small class="text-secondary"> adjust</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-anchor"></i><small class="text-secondary"> anchor</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-archive"></i><small class="text-secondary"> archive</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-area-chart"></i><small class="text-secondary"> area-chart</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-arrows"></i><small class="text-secondary"> arrows</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-arrows-h"></i><small class="text-secondary"> arrows-h</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-arrows-v"></i><small class="text-secondary"> arrows-v</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-asterisk"></i><small class="text-secondary"> asterisk</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-at"></i><small class="text-secondary"> at</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-automobile"></i><small class="text-secondary"> automobile </small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-balance-scale"></i><small class="text-secondary"> balance-scale</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-ban"></i><small class="text-secondary"> ban</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-bank"></i><small class="text-secondary"> bank </small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-bar-chart"></i><small class="text-secondary"> bar-chart</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-bar-chart-o"></i><small class="text-secondary"> bar-chart-o </small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-barcode"></i><small class="text-secondary"> barcode</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-bars"></i><small class="text-secondary"> bars</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-battery-0"></i><small class="text-secondary"> battery-0 </small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-battery-1"></i><small class="text-secondary"> battery-1 </small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-battery-2"></i><small class="text-secondary"> battery-2 </small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-battery-3"></i><small class="text-secondary"> battery-3 </small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-battery-4"></i><small class="text-secondary"> battery-4 </small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-battery-empty"></i><small class="text-secondary"> battery-empty</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-battery-full"></i><small class="text-secondary"> battery-full</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-battery-half"></i><small class="text-secondary"> battery-half</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-battery-quarter"></i><small class="text-secondary"> battery-quarter</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-battery-three-quarters"></i><small class="text-secondary"> battery-three-quarters</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-bed"></i><small class="text-secondary"> bed</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-beer"></i><small class="text-secondary"> beer</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-bell"></i><small class="text-secondary"> bell</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-bell-o"></i><small class="text-secondary"> bell-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-bell-slash"></i><small class="text-secondary"> bell-slash</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-bell-slash-o"></i><small class="text-secondary"> bell-slash-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-bicycle"></i><small class="text-secondary"> bicycle</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-binoculars"></i><small class="text-secondary"> binoculars</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-birthday-cake"></i><small class="text-secondary"> birthday-cake</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-bluetooth"></i><small class="text-secondary"> bluetooth</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-bluetooth-b"></i><small class="text-secondary"> bluetooth-b</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-bolt"></i><small class="text-secondary"> bolt</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-bomb"></i><small class="text-secondary"> bomb</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-book"></i><small class="text-secondary"> book</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-bookmark"></i><small class="text-secondary"> bookmark</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-bookmark-o"></i><small class="text-secondary"> bookmark-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-briefcase"></i><small class="text-secondary"> briefcase</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-bug"></i><small class="text-secondary"> bug</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-building"></i><small class="text-secondary"> building</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-building-o"></i><small class="text-secondary"> building-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-bullhorn"></i><small class="text-secondary"> bullhorn</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-bullseye"></i><small class="text-secondary"> bullseye</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-bus"></i><small class="text-secondary"> bus</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-cab"></i><small class="text-secondary"> cab </small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-calculator"></i><small class="text-secondary"> calculator</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-calendar"></i><small class="text-secondary"> calendar</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-calendar-check-o"></i><small class="text-secondary"> calendar-check-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-calendar-minus-o"></i><small class="text-secondary"> calendar-minus-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-calendar-o"></i><small class="text-secondary"> calendar-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-calendar-plus-o"></i><small class="text-secondary"> calendar-plus-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-calendar-times-o"></i><small class="text-secondary"> calendar-times-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-camera"></i><small class="text-secondary"> camera</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-camera-retro"></i><small class="text-secondary"> camera-retro</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-car"></i><small class="text-secondary"> car</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-caret-square-o-down"></i><small class="text-secondary"> caret-square-o-down</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-caret-square-o-left"></i><small class="text-secondary"> caret-square-o-left</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-caret-square-o-right"></i><small class="text-secondary"> caret-square-o-right</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-caret-square-o-up"></i><small class="text-secondary"> caret-square-o-up</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-cart-arrow-down"></i><small class="text-secondary"> cart-arrow-down</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-cart-plus"></i><small class="text-secondary"> cart-plus</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-cc"></i><small class="text-secondary"> cc</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-certificate"></i><small class="text-secondary"> certificate</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-check"></i><small class="text-secondary"> check</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-check-circle"></i><small class="text-secondary"> check-circle</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-check-circle-o"></i><small class="text-secondary"> check-circle-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-check-square"></i><small class="text-secondary"> check-square</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-check-square-o"></i><small class="text-secondary"> check-square-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-child"></i><small class="text-secondary"> child</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-circle"></i><small class="text-secondary"> circle</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-circle-o"></i><small class="text-secondary"> circle-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-circle-o-notch"></i><small class="text-secondary"> circle-o-notch</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-circle-thin"></i><small class="text-secondary"> circle-thin</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-clock-o"></i><small class="text-secondary"> clock-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-clone"></i><small class="text-secondary"> clone</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-close"></i><small class="text-secondary"> close </small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-cloud"></i><small class="text-secondary"> cloud</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-cloud-download"></i><small class="text-secondary"> cloud-download</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-cloud-upload"></i><small class="text-secondary"> cloud-upload</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-code"></i><small class="text-secondary"> code</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-code-fork"></i><small class="text-secondary"> code-fork</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-coffee"></i><small class="text-secondary"> coffee</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-cog"></i><small class="text-secondary"> cog</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-cogs"></i><small class="text-secondary"> cogs</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-comment"></i><small class="text-secondary"> comment</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-comment-o"></i><small class="text-secondary"> comment-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-commenting"></i><small class="text-secondary"> commenting</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-commenting-o"></i><small class="text-secondary"> commenting-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-comments"></i><small class="text-secondary"> comments</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-comments-o"></i><small class="text-secondary"> comments-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-compass"></i><small class="text-secondary"> compass</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-copyright"></i><small class="text-secondary"> copyright</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-creative-commons"></i><small class="text-secondary"> creative-commons</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-credit-card"></i><small class="text-secondary"> credit-card</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-credit-card-alt"></i><small class="text-secondary"> credit-card-alt</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-crop"></i><small class="text-secondary"> crop</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-crosshairs"></i><small class="text-secondary"> crosshairs</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-cube"></i><small class="text-secondary"> cube</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-cubes"></i><small class="text-secondary"> cubes</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-cutlery"></i><small class="text-secondary"> cutlery</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-dashboard"></i><small class="text-secondary"> dashboard </small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-database"></i><small class="text-secondary"> database</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-desktop"></i><small class="text-secondary"> desktop</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-diamond"></i><small class="text-secondary"> diamond</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-dot-circle-o"></i><small class="text-secondary"> dot-circle-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-download"></i><small class="text-secondary"> download</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-edit"></i><small class="text-secondary"> edit </small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-ellipsis-h"></i><small class="text-secondary"> ellipsis-h</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-ellipsis-v"></i><small class="text-secondary"> ellipsis-v</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-envelope"></i><small class="text-secondary"> envelope</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-envelope-o"></i><small class="text-secondary"> envelope-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-envelope-square"></i><small class="text-secondary"> envelope-square</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-eraser"></i><small class="text-secondary"> eraser</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-exchange"></i><small class="text-secondary"> exchange</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-exclamation"></i><small class="text-secondary"> exclamation</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-exclamation-circle"></i><small class="text-secondary"> exclamation-circle</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-exclamation-triangle"></i><small class="text-secondary"> exclamation-triangle</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-external-link"></i><small class="text-secondary"> external-link</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-external-link-square"></i><small class="text-secondary"> external-link-square</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-eye"></i><small class="text-secondary"> eye</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-eye-slash"></i><small class="text-secondary"> eye-slash</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-eyedropper"></i><small class="text-secondary"> eyedropper</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-fax"></i><small class="text-secondary"> fax</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-feed"></i><small class="text-secondary"> feed </small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-female"></i><small class="text-secondary"> female</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-fighter-jet"></i><small class="text-secondary"> fighter-jet</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-file-archive-o"></i><small class="text-secondary"> file-archive-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-file-audio-o"></i><small class="text-secondary"> file-audio-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-file-code-o"></i><small class="text-secondary"> file-code-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-file-excel-o"></i><small class="text-secondary"> file-excel-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-file-image-o"></i><small class="text-secondary"> file-image-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-file-movie-o"></i><small class="text-secondary"> file-movie-o </small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-file-pdf-o"></i><small class="text-secondary"> file-pdf-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-file-photo-o"></i><small class="text-secondary"> file-photo-o </small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-file-picture-o"></i><small class="text-secondary"> file-picture-o </small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-file-powerpoint-o"></i><small class="text-secondary"> file-powerpoint-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-file-sound-o"></i><small class="text-secondary"> file-sound-o </small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-file-video-o"></i><small class="text-secondary"> file-video-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-file-word-o"></i><small class="text-secondary"> file-word-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-file-zip-o"></i><small class="text-secondary"> file-zip-o </small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-film"></i><small class="text-secondary"> film</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-filter"></i><small class="text-secondary"> filter</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-fire"></i><small class="text-secondary"> fire</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-fire-extinguisher"></i><small class="text-secondary"> fire-extinguisher</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-flag"></i><small class="text-secondary"> flag</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-flag-checkered"></i><small class="text-secondary"> flag-checkered</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-flag-o"></i><small class="text-secondary"> flag-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-flash"></i><small class="text-secondary"> flash </small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-flask"></i><small class="text-secondary"> flask</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-folder"></i><small class="text-secondary"> folder</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-folder-o"></i><small class="text-secondary"> folder-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-folder-open"></i><small class="text-secondary"> folder-open</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-folder-open-o"></i><small class="text-secondary"> folder-open-o</small></a></div>
<div class="fa-hover font-modal-sel"><a href="javascript:void(0)"
onclick="selectIconComplete($(this).find('i').attr('class').trim())"><i
class="fa fa-frown-o"></i><small class="text-secondary"> frown-o</small></a></div>
<div cl