diff --git a/assets_site/partials/fonts/fonts-v1_3.html b/assets_site/partials/fonts/fonts-v1_3.html
index d8c42e27122f6205b6e6fe98e4391c6a620e430e..11fa27796d57be317faf1f5a90e02fa35e367651 100644
--- a/assets_site/partials/fonts/fonts-v1_3.html
+++ b/assets_site/partials/fonts/fonts-v1_3.html
@@ -1,8461 +1,14681 @@
 <!-- Generate a partial to be consumed by EBI Style Lab -->
 <h3 class="padding-top-xlarge">The gallery</h3>
-<div class="row" id="thegallery">
-  <div class="columns medium-2" data-sticky-container>
+<div class="" id="thegallery">
+  <div class="" data-sticky-container>
     <div class="sticky" data-sticky data-sticky-on="medium" data-top-anchor="thegallery" data-btm-anchor="thegallery:bottom" data-margin-top="3">
-      <ul class="menu vertical" data-magellan>
-        <div class="input-group">
-          <span class="input-group-label"><i data-icon="1" class="icon icon-functional"></i></span>
-          <input class="filter clearable input-group-field" type="text" value="" placeholder="Filter these icons" />
+      <ul class="menu no-underline callout padding-top-medium padding-bottom-medium" data-magellan>
+        <div class="columns medium-3">
+          <div class="input-group">
+            <span class="input-group-label"><i data-icon="1" class="icon icon-functional"></i></span>
+            <input class="filter clearable input-group-field" type="text" value="" placeholder="Filter these icons" />
+          </div>
         </div>
-        <li><a href="#EBI-Chemistry">EBI-Chemistry</a></li>
-        <li><a href="#EBI-Common">EBI-Common</a></li>
-        <li><a href="#EBI-Conceptual">EBI-Conceptual</a></li>
-        <li><a href="#EBI-FileFormats">EBI-FileFormats</a></li>
-        <li><a href="#EBI-Species">EBI-Species</a></li>
+        <li><a href="#EBI-Common"><i class="icon icon-common" data-icon="&#x13d;"></i> EBI-Common</a></li>
+        <li><a href="#EBI-Chemistry"><i class="icon icon-common" data-icon="&#x13d;"></i> EBI-Chemistry</a></li>
+        <li><a href="#EBI-Conceptual"><i class="icon icon-common" data-icon="&#x13d;"></i> EBI-Conceptual</a></li>
+        <li><a href="#EBI-FileFormats"><i class="icon icon-common" data-icon="&#x13d;"></i> EBI-FileFormats</a></li>
+        <li><a href="#EBI-Species"><i class="icon icon-common" data-icon="&#x13d;"></i> EBI-Species</a></li>
       </ul>
     </div>
   </div>
 
-  <div id="icon-font-rows" class="columns medium-10">
-    <!-- This will be embeded into a master preview at http://www.ebi.ac.uk/style-lab/ -->
-    <table class="responsive-table">
-      <thead>
-        <tr>
-          <th class="small-4" id="EBI-Common" data-magellan-target="EBI-Common">EBI-Common </th>
-          <th class="small-5 kbd small">HTML with hex</th>
-          <th class="show-for-medium kbd small">Letter</th>
-          <th class="show-for-medium kbd small">Class</th>
-        </tr>
-      </thead>
-      <tbody>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2b9"></span>Address book</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2b9;"&gt;&lt;/i&gt;</td>
-            <td>&#x2b9</td>
-            <td>
-              class="icon icon-common icon-address-book"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2bb"></span>Address card</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2bb;"&gt;&lt;/i&gt;</td>
-            <td>&#x2bb</td>
-            <td>
-              class="icon icon-common icon-address-card"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf101"></span>Adjust</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf101;"&gt;&lt;/i&gt;</td>
-            <td>&#xf101</td>
-            <td>
-              class="icon icon-common icon-adjust"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf102"></span>Align center</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf102;"&gt;&lt;/i&gt;</td>
-            <td>&#xf102</td>
-            <td>
-              class="icon icon-common icon-align-center"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf103"></span>Align justify</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf103;"&gt;&lt;/i&gt;</td>
-            <td>&#xf103</td>
-            <td>
-              class="icon icon-common icon-align-justify"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf104"></span>Align left</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf104;"&gt;&lt;/i&gt;</td>
-            <td>&#xf104</td>
-            <td>
-              class="icon icon-common icon-align-left"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf105"></span>Align right</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf105;"&gt;&lt;/i&gt;</td>
-            <td>&#xf105</td>
-            <td>
-              class="icon icon-common icon-align-right"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf9"></span>Ambulance</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf9;"&gt;&lt;/i&gt;</td>
-            <td>&#xf9</td>
-            <td>
-              class="icon icon-common icon-ambulance"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2a3"></span>American sign language interpreting</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2a3;"&gt;&lt;/i&gt;</td>
-            <td>&#x2a3</td>
-            <td>
-              class="icon icon-common icon-american-sign-language-interpreting"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x13d"></span>Anchor</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x13d;"&gt;&lt;/i&gt;</td>
-            <td>&#x13d</td>
-            <td>
-              class="icon icon-common icon-anchor"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x103"></span>Angle double down</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x103;"&gt;&lt;/i&gt;</td>
-            <td>&#x103</td>
-            <td>
-              class="icon icon-common icon-angle-double-down"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x100"></span>Angle double left</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x100;"&gt;&lt;/i&gt;</td>
-            <td>&#x100</td>
-            <td>
-              class="icon icon-common icon-angle-double-left"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x101"></span>Angle double right</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x101;"&gt;&lt;/i&gt;</td>
-            <td>&#x101</td>
-            <td>
-              class="icon icon-common icon-angle-double-right"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x102"></span>Angle double up</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x102;"&gt;&lt;/i&gt;</td>
-            <td>&#x102</td>
-            <td>
-              class="icon icon-common icon-angle-double-up"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x107"></span>Angle down</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x107;"&gt;&lt;/i&gt;</td>
-            <td>&#x107</td>
-            <td>
-              class="icon icon-common icon-angle-down"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x104"></span>Angle left</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x104;"&gt;&lt;/i&gt;</td>
-            <td>&#x104</td>
-            <td>
-              class="icon icon-common icon-angle-left"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x105"></span>Angle right</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x105;"&gt;&lt;/i&gt;</td>
-            <td>&#x105</td>
-            <td>
-              class="icon icon-common icon-angle-right"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x106"></span>Angle up</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x106;"&gt;&lt;/i&gt;</td>
-            <td>&#x106</td>
-            <td>
-              class="icon icon-common icon-angle-up"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x187"></span>Archive</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x187;"&gt;&lt;/i&gt;</td>
-            <td>&#x187</td>
-            <td>
-              class="icon icon-common icon-archive"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x358"></span>Arrow alt circle down</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x358;"&gt;&lt;/i&gt;</td>
-            <td>&#x358</td>
-            <td>
-              class="icon icon-common icon-arrow-alt-circle-down"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x359"></span>Arrow alt circle left</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x359;"&gt;&lt;/i&gt;</td>
-            <td>&#x359</td>
-            <td>
-              class="icon icon-common icon-arrow-alt-circle-left"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x35a"></span>Arrow alt circle right</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x35a;"&gt;&lt;/i&gt;</td>
-            <td>&#x35a</td>
-            <td>
-              class="icon icon-common icon-arrow-alt-circle-right"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x35b"></span>Arrow alt circle up</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x35b;"&gt;&lt;/i&gt;</td>
-            <td>&#x35b</td>
-            <td>
-              class="icon icon-common icon-arrow-alt-circle-up"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xab"></span>Arrow circle down</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xab;"&gt;&lt;/i&gt;</td>
-            <td>&#xab</td>
-            <td>
-              class="icon icon-common icon-arrow-circle-down"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xa8"></span>Arrow circle left</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xa8;"&gt;&lt;/i&gt;</td>
-            <td>&#xa8</td>
-            <td>
-              class="icon icon-common icon-arrow-circle-left"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xa9"></span>Arrow circle right</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xa9;"&gt;&lt;/i&gt;</td>
-            <td>&#xa9</td>
-            <td>
-              class="icon icon-common icon-arrow-circle-right"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xaa"></span>Arrow circle up</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xaa;"&gt;&lt;/i&gt;</td>
-            <td>&#xaa</td>
-            <td>
-              class="icon icon-common icon-arrow-circle-up"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x63"></span>Arrow down</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x63;"&gt;&lt;/i&gt;</td>
-            <td>&#x63</td>
-            <td>
-              class="icon icon-common icon-arrow-down"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x60"></span>Arrow left</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x60;"&gt;&lt;/i&gt;</td>
-            <td>&#x60</td>
-            <td>
-              class="icon icon-common icon-arrow-left"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf106"></span>Arrow right</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf106;"&gt;&lt;/i&gt;</td>
-            <td>&#xf106</td>
-            <td>
-              class="icon icon-common icon-arrow-right"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf107"></span>Arrow up</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf107;"&gt;&lt;/i&gt;</td>
-            <td>&#xf107</td>
-            <td>
-              class="icon icon-common icon-arrow-up"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xb2"></span>Arrows alt h</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xb2;"&gt;&lt;/i&gt;</td>
-            <td>&#xb2</td>
-            <td>
-              class="icon icon-common icon-arrows-alt-h"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x337"></span>Arrows alt v</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x337;"&gt;&lt;/i&gt;</td>
-            <td>&#x337</td>
-            <td>
-              class="icon icon-common icon-arrows-alt-v"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x338"></span>Arrows alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x338;"&gt;&lt;/i&gt;</td>
-            <td>&#x338</td>
-            <td>
-              class="icon icon-common icon-arrows-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2a2"></span>Assistive listening systems</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2a2;"&gt;&lt;/i&gt;</td>
-            <td>&#x2a2</td>
-            <td>
-              class="icon icon-common icon-assistive-listening-systems"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf108"></span>Asterisk</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf108;"&gt;&lt;/i&gt;</td>
-            <td>&#xf108</td>
-            <td>
-              class="icon icon-common icon-asterisk"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1fa"></span>At</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1fa;"&gt;&lt;/i&gt;</td>
-            <td>&#x1fa</td>
-            <td>
-              class="icon icon-common icon-at"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x29e"></span>Audio description</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x29e;"&gt;&lt;/i&gt;</td>
-            <td>&#x29e</td>
-            <td>
-              class="icon icon-common icon-audio-description"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x4a"></span>Backward</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x4a;"&gt;&lt;/i&gt;</td>
-            <td>&#x4a</td>
-            <td>
-              class="icon icon-common icon-backward"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x24e"></span>Balance scale</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x24e;"&gt;&lt;/i&gt;</td>
-            <td>&#x24e</td>
-            <td>
-              class="icon icon-common icon-balance-scale"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x5e"></span>Ban</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x5e;"&gt;&lt;/i&gt;</td>
-            <td>&#x5e</td>
-            <td>
-              class="icon icon-common icon-ban"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf109"></span>Barcode</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf109;"&gt;&lt;/i&gt;</td>
-            <td>&#xf109</td>
-            <td>
-              class="icon icon-common icon-barcode"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xc9"></span>Bars</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xc9;"&gt;&lt;/i&gt;</td>
-            <td>&#xc9</td>
-            <td>
-              class="icon icon-common icon-bars"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x433"></span>Baseball ball</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x433;"&gt;&lt;/i&gt;</td>
-            <td>&#x433</td>
-            <td>
-              class="icon icon-common icon-baseball-ball"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x434"></span>Basketball ball</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x434;"&gt;&lt;/i&gt;</td>
-            <td>&#x434</td>
-            <td>
-              class="icon icon-common icon-basketball-ball"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2cd"></span>Bath</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2cd;"&gt;&lt;/i&gt;</td>
-            <td>&#x2cd</td>
-            <td>
-              class="icon icon-common icon-bath"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x244"></span>Battery empty</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x244;"&gt;&lt;/i&gt;</td>
-            <td>&#x244</td>
-            <td>
-              class="icon icon-common icon-battery-empty"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x240"></span>Battery full</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x240;"&gt;&lt;/i&gt;</td>
-            <td>&#x240</td>
-            <td>
-              class="icon icon-common icon-battery-full"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x242"></span>Battery half</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x242;"&gt;&lt;/i&gt;</td>
-            <td>&#x242</td>
-            <td>
-              class="icon icon-common icon-battery-half"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x243"></span>Battery quarter</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x243;"&gt;&lt;/i&gt;</td>
-            <td>&#x243</td>
-            <td>
-              class="icon icon-common icon-battery-quarter"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x241"></span>Battery three quarters</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x241;"&gt;&lt;/i&gt;</td>
-            <td>&#x241</td>
-            <td>
-              class="icon icon-common icon-battery-three-quarters"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x236"></span>Bed</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x236;"&gt;&lt;/i&gt;</td>
-            <td>&#x236</td>
-            <td>
-              class="icon icon-common icon-bed"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xfc"></span>Beer</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xfc;"&gt;&lt;/i&gt;</td>
-            <td>&#xfc</td>
-            <td>
-              class="icon icon-common icon-beer"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf3"></span>Bell slash</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf3;"&gt;&lt;/i&gt;</td>
-            <td>&#xf3</td>
-            <td>
-              class="icon icon-common icon-bell-slash"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f6"></span>Bell</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f6;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f6</td>
-            <td>
-              class="icon icon-common icon-bell"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x206"></span>Bicycle</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x206;"&gt;&lt;/i&gt;</td>
-            <td>&#x206</td>
-            <td>
-              class="icon icon-common icon-bicycle"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1e5"></span>Binoculars</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1e5;"&gt;&lt;/i&gt;</td>
-            <td>&#x1e5</td>
-            <td>
-              class="icon icon-common icon-binoculars"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1fd"></span>Birthday cake</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1fd;"&gt;&lt;/i&gt;</td>
-            <td>&#x1fd</td>
-            <td>
-              class="icon icon-common icon-birthday-cake"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x29d"></span>Blind</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x29d;"&gt;&lt;/i&gt;</td>
-            <td>&#x29d</td>
-            <td>
-              class="icon icon-common icon-blind"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf128"></span>Bold</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf128;"&gt;&lt;/i&gt;</td>
-            <td>&#xf128</td>
-            <td>
-              class="icon icon-common icon-bold"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xe7"></span>Bolt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xe7;"&gt;&lt;/i&gt;</td>
-            <td>&#xe7</td>
-            <td>
-              class="icon icon-common icon-bolt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1e2"></span>Bomb</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1e2;"&gt;&lt;/i&gt;</td>
-            <td>&#x1e2</td>
-            <td>
-              class="icon icon-common icon-bomb"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf10a"></span>Book</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf10a;"&gt;&lt;/i&gt;</td>
-            <td>&#xf10a</td>
-            <td>
-              class="icon icon-common icon-book"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2e"></span>Bookmark</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2e;"&gt;&lt;/i&gt;</td>
-            <td>&#x2e</td>
-            <td>
-              class="icon icon-common icon-bookmark"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x436"></span>Bowling ball</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x436;"&gt;&lt;/i&gt;</td>
-            <td>&#x436</td>
-            <td>
-              class="icon icon-common icon-bowling-ball"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2a1"></span>Braille</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2a1;"&gt;&lt;/i&gt;</td>
-            <td>&#x2a1</td>
-            <td>
-              class="icon icon-common icon-braille"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xb1"></span>Briefcase</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xb1;"&gt;&lt;/i&gt;</td>
-            <td>&#xb1</td>
-            <td>
-              class="icon icon-common icon-briefcase"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x188"></span>Bug</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x188;"&gt;&lt;/i&gt;</td>
-            <td>&#x188</td>
-            <td>
-              class="icon icon-common icon-bug"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1ad"></span>Building</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1ad;"&gt;&lt;/i&gt;</td>
-            <td>&#x1ad</td>
-            <td>
-              class="icon icon-common icon-building"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xa1"></span>Bullhorn</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xa1;"&gt;&lt;/i&gt;</td>
-            <td>&#xa1</td>
-            <td>
-              class="icon icon-common icon-bullhorn"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x140"></span>Bullseye</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x140;"&gt;&lt;/i&gt;</td>
-            <td>&#x140</td>
-            <td>
-              class="icon icon-common icon-bullseye"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1ec"></span>Calculator</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1ec;"&gt;&lt;/i&gt;</td>
-            <td>&#x1ec</td>
-            <td>
-              class="icon icon-common icon-calculator"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x133"></span>Calendar alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x133;"&gt;&lt;/i&gt;</td>
-            <td>&#x133</td>
-            <td>
-              class="icon icon-common icon-calendar-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf10b"></span>Calendar check</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf10b;"&gt;&lt;/i&gt;</td>
-            <td>&#xf10b</td>
-            <td>
-              class="icon icon-common icon-calendar-check"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x274"></span>Calendar minus</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x274;"&gt;&lt;/i&gt;</td>
-            <td>&#x274</td>
-            <td>
-              class="icon icon-common icon-calendar-minus"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x272"></span>Calendar plus</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x272;"&gt;&lt;/i&gt;</td>
-            <td>&#x272</td>
-            <td>
-              class="icon icon-common icon-calendar-plus"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x271"></span>Calendar times</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x271;"&gt;&lt;/i&gt;</td>
-            <td>&#x271</td>
-            <td>
-              class="icon icon-common icon-calendar-times"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x273"></span>Calendar</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x273;"&gt;&lt;/i&gt;</td>
-            <td>&#x273</td>
-            <td>
-              class="icon icon-common icon-calendar"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf10c"></span>Camera retro</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf10c;"&gt;&lt;/i&gt;</td>
-            <td>&#xf10c</td>
-            <td>
-              class="icon icon-common icon-camera-retro"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xd7"></span>Caret down</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xd7;"&gt;&lt;/i&gt;</td>
-            <td>&#xd7</td>
-            <td>
-              class="icon icon-common icon-caret-down"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xd9"></span>Caret left</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xd9;"&gt;&lt;/i&gt;</td>
-            <td>&#xd9</td>
-            <td>
-              class="icon icon-common icon-caret-left"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xda"></span>Caret right</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xda;"&gt;&lt;/i&gt;</td>
-            <td>&#xda</td>
-            <td>
-              class="icon icon-common icon-caret-right"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x150"></span>Caret square down</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x150;"&gt;&lt;/i&gt;</td>
-            <td>&#x150</td>
-            <td>
-              class="icon icon-common icon-caret-square-down"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x191"></span>Caret square left</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x191;"&gt;&lt;/i&gt;</td>
-            <td>&#x191</td>
-            <td>
-              class="icon icon-common icon-caret-square-left"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x152"></span>Caret square right</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x152;"&gt;&lt;/i&gt;</td>
-            <td>&#x152</td>
-            <td>
-              class="icon icon-common icon-caret-square-right"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x151"></span>Caret square up</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x151;"&gt;&lt;/i&gt;</td>
-            <td>&#x151</td>
-            <td>
-              class="icon icon-common icon-caret-square-up"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xd8"></span>Caret up</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xd8;"&gt;&lt;/i&gt;</td>
-            <td>&#xd8</td>
-            <td>
-              class="icon icon-common icon-caret-up"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x218"></span>Cart arrow down</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x218;"&gt;&lt;/i&gt;</td>
-            <td>&#x218</td>
-            <td>
-              class="icon icon-common icon-cart-arrow-down"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x217"></span>Cart plus</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x217;"&gt;&lt;/i&gt;</td>
-            <td>&#x217</td>
-            <td>
-              class="icon icon-common icon-cart-plus"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xa3"></span>Certificate</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xa3;"&gt;&lt;/i&gt;</td>
-            <td>&#xa3</td>
-            <td>
-              class="icon icon-common icon-certificate"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1fe"></span>Chart area</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1fe;"&gt;&lt;/i&gt;</td>
-            <td>&#x1fe</td>
-            <td>
-              class="icon icon-common icon-chart-area"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x80"></span>Chart bar</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x80;"&gt;&lt;/i&gt;</td>
-            <td>&#x80</td>
-            <td>
-              class="icon icon-common icon-chart-bar"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x201"></span>Chart line</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x201;"&gt;&lt;/i&gt;</td>
-            <td>&#x201</td>
-            <td>
-              class="icon icon-common icon-chart-line"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x200"></span>Chart pie</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x200;"&gt;&lt;/i&gt;</td>
-            <td>&#x200</td>
-            <td>
-              class="icon icon-common icon-chart-pie"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf10d"></span>Check circle</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf10d;"&gt;&lt;/i&gt;</td>
-            <td>&#xf10d</td>
-            <td>
-              class="icon icon-common icon-check-circle"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf10e"></span>Check square</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf10e;"&gt;&lt;/i&gt;</td>
-            <td>&#xf10e</td>
-            <td>
-              class="icon icon-common icon-check-square"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x14a"></span>Check</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x14a;"&gt;&lt;/i&gt;</td>
-            <td>&#x14a</td>
-            <td>
-              class="icon icon-common icon-check"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x13a"></span>Chevron circle down</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x13a;"&gt;&lt;/i&gt;</td>
-            <td>&#x13a</td>
-            <td>
-              class="icon icon-common icon-chevron-circle-down"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x137"></span>Chevron circle left</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x137;"&gt;&lt;/i&gt;</td>
-            <td>&#x137</td>
-            <td>
-              class="icon icon-common icon-chevron-circle-left"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x138"></span>Chevron circle right</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x138;"&gt;&lt;/i&gt;</td>
-            <td>&#x138</td>
-            <td>
-              class="icon icon-common icon-chevron-circle-right"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x139"></span>Chevron circle up</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x139;"&gt;&lt;/i&gt;</td>
-            <td>&#x139</td>
-            <td>
-              class="icon icon-common icon-chevron-circle-up"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf11a"></span>Chevron down</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf11a;"&gt;&lt;/i&gt;</td>
-            <td>&#xf11a</td>
-            <td>
-              class="icon icon-common icon-chevron-down"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf12c"></span>Chevron left</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf12c;"&gt;&lt;/i&gt;</td>
-            <td>&#xf12c</td>
-            <td>
-              class="icon icon-common icon-chevron-left"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf10f"></span>Chevron right</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf10f;"&gt;&lt;/i&gt;</td>
-            <td>&#xf10f</td>
-            <td>
-              class="icon icon-common icon-chevron-right"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf11b"></span>Chevron up</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf11b;"&gt;&lt;/i&gt;</td>
-            <td>&#xf11b</td>
-            <td>
-              class="icon icon-common icon-chevron-up"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1ae"></span>Child</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1ae;"&gt;&lt;/i&gt;</td>
-            <td>&#x1ae</td>
-            <td>
-              class="icon icon-common icon-child"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x111"></span>Circle notch</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x111;"&gt;&lt;/i&gt;</td>
-            <td>&#x111</td>
-            <td>
-              class="icon icon-common icon-circle-notch"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1ce"></span>Circle</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1ce;"&gt;&lt;/i&gt;</td>
-            <td>&#x1ce</td>
-            <td>
-              class="icon icon-common icon-circle"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x328"></span>Clipboard</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x328;"&gt;&lt;/i&gt;</td>
-            <td>&#x328</td>
-            <td>
-              class="icon icon-common icon-clipboard"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x17"></span>Clock</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x17;"&gt;&lt;/i&gt;</td>
-            <td>&#x17</td>
-            <td>
-              class="icon icon-common icon-clock"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x24d"></span>Clone</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x24d;"&gt;&lt;/i&gt;</td>
-            <td>&#x24d</td>
-            <td>
-              class="icon icon-common icon-clone"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x20a"></span>Closed captioning</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x20a;"&gt;&lt;/i&gt;</td>
-            <td>&#x20a</td>
-            <td>
-              class="icon icon-common icon-closed-captioning"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xc2"></span>Cloud download alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xc2;"&gt;&lt;/i&gt;</td>
-            <td>&#xc2</td>
-            <td>
-              class="icon icon-common icon-cloud-download-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x381"></span>Cloud upload alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x381;"&gt;&lt;/i&gt;</td>
-            <td>&#x381</td>
-            <td>
-              class="icon icon-common icon-cloud-upload-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x382"></span>Cloud</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x382;"&gt;&lt;/i&gt;</td>
-            <td>&#x382</td>
-            <td>
-              class="icon icon-common icon-cloud"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x121"></span>Code branch</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x121;"&gt;&lt;/i&gt;</td>
-            <td>&#x121</td>
-            <td>
-              class="icon icon-common icon-code-branch"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x126"></span>Code</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x126;"&gt;&lt;/i&gt;</td>
-            <td>&#x126</td>
-            <td>
-              class="icon icon-common icon-code"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf4"></span>Coffee</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf4;"&gt;&lt;/i&gt;</td>
-            <td>&#xf4</td>
-            <td>
-              class="icon icon-common icon-coffee"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x13"></span>Cog</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x13;"&gt;&lt;/i&gt;</td>
-            <td>&#x13</td>
-            <td>
-              class="icon icon-common icon-cog"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf110"></span>Cogs</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf110;"&gt;&lt;/i&gt;</td>
-            <td>&#xf110</td>
-            <td>
-              class="icon icon-common icon-cogs"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xdb"></span>Columns</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xdb;"&gt;&lt;/i&gt;</td>
-            <td>&#xdb</td>
-            <td>
-              class="icon icon-common icon-columns"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x75"></span>Comment alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x75;"&gt;&lt;/i&gt;</td>
-            <td>&#x75</td>
-            <td>
-              class="icon icon-common icon-comment-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x27a"></span>Comment</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x27a;"&gt;&lt;/i&gt;</td>
-            <td>&#x27a</td>
-            <td>
-              class="icon icon-common icon-comment"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf111"></span>Comments</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf111;"&gt;&lt;/i&gt;</td>
-            <td>&#xf111</td>
-            <td>
-              class="icon icon-common icon-comments"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x14e"></span>Compass</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x14e;"&gt;&lt;/i&gt;</td>
-            <td>&#x14e</td>
-            <td>
-              class="icon icon-common icon-compass"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x66"></span>Compress</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x66;"&gt;&lt;/i&gt;</td>
-            <td>&#x66</td>
-            <td>
-              class="icon icon-common icon-compress"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xc5"></span>Copy</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xc5;"&gt;&lt;/i&gt;</td>
-            <td>&#xc5</td>
-            <td>
-              class="icon icon-common icon-copy"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f9"></span>Copyright</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f9;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f9</td>
-            <td>
-              class="icon icon-common icon-copyright"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x9d"></span>Credit card</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x9d;"&gt;&lt;/i&gt;</td>
-            <td>&#x9d</td>
-            <td>
-              class="icon icon-common icon-credit-card"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x125"></span>Crop</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x125;"&gt;&lt;/i&gt;</td>
-            <td>&#x125</td>
-            <td>
-              class="icon icon-common icon-crop"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf112"></span>Crosshairs</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf112;"&gt;&lt;/i&gt;</td>
-            <td>&#xf112</td>
-            <td>
-              class="icon icon-common icon-crosshairs"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1b2"></span>Cube</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1b2;"&gt;&lt;/i&gt;</td>
-            <td>&#x1b2</td>
-            <td>
-              class="icon icon-common icon-cube"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1b3"></span>Cubes</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1b3;"&gt;&lt;/i&gt;</td>
-            <td>&#x1b3</td>
-            <td>
-              class="icon icon-common icon-cubes"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xc4"></span>Cut</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xc4;"&gt;&lt;/i&gt;</td>
-            <td>&#xc4</td>
-            <td>
-              class="icon icon-common icon-cut"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1c0"></span>Database</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1c0;"&gt;&lt;/i&gt;</td>
-            <td>&#x1c0</td>
-            <td>
-              class="icon icon-common icon-database"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2a4"></span>Deaf</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2a4;"&gt;&lt;/i&gt;</td>
-            <td>&#x2a4</td>
-            <td>
-              class="icon icon-common icon-deaf"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x108"></span>Desktop</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x108;"&gt;&lt;/i&gt;</td>
-            <td>&#x108</td>
-            <td>
-              class="icon icon-common icon-desktop"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x155"></span>Dollar sign</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x155;"&gt;&lt;/i&gt;</td>
-            <td>&#x155</td>
-            <td>
-              class="icon icon-common icon-dollar-sign"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x192"></span>Dot circle</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x192;"&gt;&lt;/i&gt;</td>
-            <td>&#x192</td>
-            <td>
-              class="icon icon-common icon-dot-circle"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x19"></span>Download</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x19;"&gt;&lt;/i&gt;</td>
-            <td>&#x19</td>
-            <td>
-              class="icon icon-common icon-download"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf113"></span>Edit</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf113;"&gt;&lt;/i&gt;</td>
-            <td>&#xf113</td>
-            <td>
-              class="icon icon-common icon-edit"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf114"></span>Eject</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf114;"&gt;&lt;/i&gt;</td>
-            <td>&#xf114</td>
-            <td>
-              class="icon icon-common icon-eject"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x141"></span>Ellipsis h</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x141;"&gt;&lt;/i&gt;</td>
-            <td>&#x141</td>
-            <td>
-              class="icon icon-common icon-ellipsis-h"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x142"></span>Ellipsis v</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x142;"&gt;&lt;/i&gt;</td>
-            <td>&#x142</td>
-            <td>
-              class="icon icon-common icon-ellipsis-v"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xe0"></span>Envelope open</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xe0;"&gt;&lt;/i&gt;</td>
-            <td>&#xe0</td>
-            <td>
-              class="icon icon-common icon-envelope-open"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2b6"></span>Envelope square</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2b6;"&gt;&lt;/i&gt;</td>
-            <td>&#x2b6</td>
-            <td>
-              class="icon icon-common icon-envelope-square"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x199"></span>Envelope</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x199;"&gt;&lt;/i&gt;</td>
-            <td>&#x199</td>
-            <td>
-              class="icon icon-common icon-envelope"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x12d"></span>Eraser</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x12d;"&gt;&lt;/i&gt;</td>
-            <td>&#x12d</td>
-            <td>
-              class="icon icon-common icon-eraser"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x153"></span>Euro sign</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x153;"&gt;&lt;/i&gt;</td>
-            <td>&#x153</td>
-            <td>
-              class="icon icon-common icon-euro-sign"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x362"></span>Exchange alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x362;"&gt;&lt;/i&gt;</td>
-            <td>&#x362</td>
-            <td>
-              class="icon icon-common icon-exchange-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x12a"></span>Exclamation circle</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x12a;"&gt;&lt;/i&gt;</td>
-            <td>&#x12a</td>
-            <td>
-              class="icon icon-common icon-exclamation-circle"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf115"></span>Exclamation triangle</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf115;"&gt;&lt;/i&gt;</td>
-            <td>&#xf115</td>
-            <td>
-              class="icon icon-common icon-exclamation-triangle"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf116"></span>Exclamation</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf116;"&gt;&lt;/i&gt;</td>
-            <td>&#xf116</td>
-            <td>
-              class="icon icon-common icon-exclamation"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf11c"></span>Expand arrows alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf11c;"&gt;&lt;/i&gt;</td>
-            <td>&#xf11c</td>
-            <td>
-              class="icon icon-common icon-expand-arrows-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x31e"></span>Expand</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x31e;"&gt;&lt;/i&gt;</td>
-            <td>&#x31e</td>
-            <td>
-              class="icon icon-common icon-expand"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x35d"></span>External link alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x35d;"&gt;&lt;/i&gt;</td>
-            <td>&#x35d</td>
-            <td>
-              class="icon icon-common icon-external-link-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x360"></span>External link square alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x360;"&gt;&lt;/i&gt;</td>
-            <td>&#x360</td>
-            <td>
-              class="icon icon-common icon-external-link-square-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf117"></span>Eye dropper</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf117;"&gt;&lt;/i&gt;</td>
-            <td>&#xf117</td>
-            <td>
-              class="icon icon-common icon-eye-dropper"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1fb"></span>Eye slash</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1fb;"&gt;&lt;/i&gt;</td>
-            <td>&#x1fb</td>
-            <td>
-              class="icon icon-common icon-eye-slash"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf118"></span>Eye</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf118;"&gt;&lt;/i&gt;</td>
-            <td>&#xf118</td>
-            <td>
-              class="icon icon-common icon-eye"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x49"></span>Fast backward</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x49;"&gt;&lt;/i&gt;</td>
-            <td>&#x49</td>
-            <td>
-              class="icon icon-common icon-fast-backward"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf11e"></span>Fast forward</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf11e;"&gt;&lt;/i&gt;</td>
-            <td>&#xf11e</td>
-            <td>
-              class="icon icon-common icon-fast-forward"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x182"></span>Female</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x182;"&gt;&lt;/i&gt;</td>
-            <td>&#x182</td>
-            <td>
-              class="icon icon-common icon-female"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x8"></span>Film</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x8;"&gt;&lt;/i&gt;</td>
-            <td>&#x8</td>
-            <td>
-              class="icon icon-common icon-film"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xb0"></span>Filter</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xb0;"&gt;&lt;/i&gt;</td>
-            <td>&#xb0</td>
-            <td>
-              class="icon icon-common icon-filter"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf119"></span>Fire extinguisher</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf119;"&gt;&lt;/i&gt;</td>
-            <td>&#xf119</td>
-            <td>
-              class="icon icon-common icon-fire-extinguisher"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x134"></span>Fire</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x134;"&gt;&lt;/i&gt;</td>
-            <td>&#x134</td>
-            <td>
-              class="icon icon-common icon-fire"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x24"></span>Flag checkered</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x24;"&gt;&lt;/i&gt;</td>
-            <td>&#x24</td>
-            <td>
-              class="icon icon-common icon-flag-checkered"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x11e"></span>Flag</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x11e;"&gt;&lt;/i&gt;</td>
-            <td>&#x11e</td>
-            <td>
-              class="icon icon-common icon-flag"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xc3"></span>Flask</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xc3;"&gt;&lt;/i&gt;</td>
-            <td>&#xc3</td>
-            <td>
-              class="icon icon-common icon-flask"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x7b"></span>Folder open</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x7b;"&gt;&lt;/i&gt;</td>
-            <td>&#x7b</td>
-            <td>
-              class="icon icon-common icon-folder-open"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x7c"></span>Folder</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x7c;"&gt;&lt;/i&gt;</td>
-            <td>&#x7c</td>
-            <td>
-              class="icon icon-common icon-folder"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x31"></span>Font</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x31;"&gt;&lt;/i&gt;</td>
-            <td>&#x31</td>
-            <td>
-              class="icon icon-common icon-font"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x44e"></span>Football ball</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x44e;"&gt;&lt;/i&gt;</td>
-            <td>&#x44e</td>
-            <td>
-              class="icon icon-common icon-football-ball"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf120"></span>Forward</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf120;"&gt;&lt;/i&gt;</td>
-            <td>&#xf120</td>
-            <td>
-              class="icon icon-common icon-forward"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x119"></span>Frown</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x119;"&gt;&lt;/i&gt;</td>
-            <td>&#x119</td>
-            <td>
-              class="icon icon-common icon-frown"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1e3"></span>Futbol</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1e3;"&gt;&lt;/i&gt;</td>
-            <td>&#x1e3</td>
-            <td>
-              class="icon icon-common icon-futbol"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x11b"></span>Gamepad</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x11b;"&gt;&lt;/i&gt;</td>
-            <td>&#x11b</td>
-            <td>
-              class="icon icon-common icon-gamepad"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xe3"></span>Gavel</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xe3;"&gt;&lt;/i&gt;</td>
-            <td>&#xe3</td>
-            <td>
-              class="icon icon-common icon-gavel"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x3a5"></span>Gem</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x3a5;"&gt;&lt;/i&gt;</td>
-            <td>&#x3a5</td>
-            <td>
-              class="icon icon-common icon-gem"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x22d"></span>Genderless</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x22d;"&gt;&lt;/i&gt;</td>
-            <td>&#x22d</td>
-            <td>
-              class="icon icon-common icon-genderless"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf11d"></span>Gift</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf11d;"&gt;&lt;/i&gt;</td>
-            <td>&#xf11d</td>
-            <td>
-              class="icon icon-common icon-gift"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf126"></span>Glass martini</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf126;"&gt;&lt;/i&gt;</td>
-            <td>&#xf126</td>
-            <td>
-              class="icon icon-common icon-glass-martini"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xac"></span>Globe</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xac;"&gt;&lt;/i&gt;</td>
-            <td>&#xac</td>
-            <td>
-              class="icon icon-common icon-globe"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x450"></span>Golf ball</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x450;"&gt;&lt;/i&gt;</td>
-            <td>&#x450</td>
-            <td>
-              class="icon icon-common icon-golf-ball"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x19d"></span>Graduation cap</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x19d;"&gt;&lt;/i&gt;</td>
-            <td>&#x19d</td>
-            <td>
-              class="icon icon-common icon-graduation-cap"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xfd"></span>H square</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xfd;"&gt;&lt;/i&gt;</td>
-            <td>&#xfd</td>
-            <td>
-              class="icon icon-common icon-h-square"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x258"></span>Hand lizard</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x258;"&gt;&lt;/i&gt;</td>
-            <td>&#x258</td>
-            <td>
-              class="icon icon-common icon-hand-lizard"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x256"></span>Hand paper</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x256;"&gt;&lt;/i&gt;</td>
-            <td>&#x256</td>
-            <td>
-              class="icon icon-common icon-hand-paper"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x25b"></span>Hand peace</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x25b;"&gt;&lt;/i&gt;</td>
-            <td>&#x25b</td>
-            <td>
-              class="icon icon-common icon-hand-peace"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xa7"></span>Hand point down</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xa7;"&gt;&lt;/i&gt;</td>
-            <td>&#xa7</td>
-            <td>
-              class="icon icon-common icon-hand-point-down"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xa5"></span>Hand point left</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xa5;"&gt;&lt;/i&gt;</td>
-            <td>&#xa5</td>
-            <td>
-              class="icon icon-common icon-hand-point-left"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xa4"></span>Hand point right</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xa4;"&gt;&lt;/i&gt;</td>
-            <td>&#xa4</td>
-            <td>
-              class="icon icon-common icon-hand-point-right"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xa6"></span>Hand point up</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xa6;"&gt;&lt;/i&gt;</td>
-            <td>&#xa6</td>
-            <td>
-              class="icon icon-common icon-hand-point-up"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x25a"></span>Hand pointer</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x25a;"&gt;&lt;/i&gt;</td>
-            <td>&#x25a</td>
-            <td>
-              class="icon icon-common icon-hand-pointer"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x255"></span>Hand rock</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x255;"&gt;&lt;/i&gt;</td>
-            <td>&#x255</td>
-            <td>
-              class="icon icon-common icon-hand-rock"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x257"></span>Hand scissors</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x257;"&gt;&lt;/i&gt;</td>
-            <td>&#x257</td>
-            <td>
-              class="icon icon-common icon-hand-scissors"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x259"></span>Hand spock</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x259;"&gt;&lt;/i&gt;</td>
-            <td>&#x259</td>
-            <td>
-              class="icon icon-common icon-hand-spock"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2b5"></span>Handshake</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2b5;"&gt;&lt;/i&gt;</td>
-            <td>&#x2b5</td>
-            <td>
-              class="icon icon-common icon-handshake"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x292"></span>Hashtag</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x292;"&gt;&lt;/i&gt;</td>
-            <td>&#x292</td>
-            <td>
-              class="icon icon-common icon-hashtag"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xa0"></span>Hdd</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xa0;"&gt;&lt;/i&gt;</td>
-            <td>&#xa0</td>
-            <td>
-              class="icon icon-common icon-hdd"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1dc"></span>Heading</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1dc;"&gt;&lt;/i&gt;</td>
-            <td>&#x1dc</td>
-            <td>
-              class="icon icon-common icon-heading"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf11f"></span>Headphones</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf11f;"&gt;&lt;/i&gt;</td>
-            <td>&#xf11f</td>
-            <td>
-              class="icon icon-common icon-headphones"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x4"></span>Heart</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x4;"&gt;&lt;/i&gt;</td>
-            <td>&#x4</td>
-            <td>
-              class="icon icon-common icon-heart"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x21e"></span>Heartbeat</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x21e;"&gt;&lt;/i&gt;</td>
-            <td>&#x21e</td>
-            <td>
-              class="icon icon-common icon-heartbeat"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1da"></span>History</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1da;"&gt;&lt;/i&gt;</td>
-            <td>&#x1da</td>
-            <td>
-              class="icon icon-common icon-history"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x453"></span>Hockey puck</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x453;"&gt;&lt;/i&gt;</td>
-            <td>&#x453</td>
-            <td>
-              class="icon icon-common icon-hockey-puck"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x15"></span>Home</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x15;"&gt;&lt;/i&gt;</td>
-            <td>&#x15</td>
-            <td>
-              class="icon icon-common icon-home"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf8"></span>Hospital</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf8;"&gt;&lt;/i&gt;</td>
-            <td>&#xf8</td>
-            <td>
-              class="icon icon-common icon-hospital"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x254"></span>Hourglass end</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x254;"&gt;&lt;/i&gt;</td>
-            <td>&#x254</td>
-            <td>
-              class="icon icon-common icon-hourglass-end"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x253"></span>Hourglass half</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x253;"&gt;&lt;/i&gt;</td>
-            <td>&#x253</td>
-            <td>
-              class="icon icon-common icon-hourglass-half"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x252"></span>Hourglass start</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x252;"&gt;&lt;/i&gt;</td>
-            <td>&#x252</td>
-            <td>
-              class="icon icon-common icon-hourglass-start"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x251"></span>Hourglass</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x251;"&gt;&lt;/i&gt;</td>
-            <td>&#x251</td>
-            <td>
-              class="icon icon-common icon-hourglass"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x246"></span>I cursor</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x246;"&gt;&lt;/i&gt;</td>
-            <td>&#x246</td>
-            <td>
-              class="icon icon-common icon-i-cursor"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2c1"></span>Id badge</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2c1;"&gt;&lt;/i&gt;</td>
-            <td>&#x2c1</td>
-            <td>
-              class="icon icon-common icon-id-badge"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2c2"></span>Id card</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2c2;"&gt;&lt;/i&gt;</td>
-            <td>&#x2c2</td>
-            <td>
-              class="icon icon-common icon-id-card"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf121"></span>Image</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf121;"&gt;&lt;/i&gt;</td>
-            <td>&#xf121</td>
-            <td>
-              class="icon icon-common icon-image"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf122"></span>Images</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf122;"&gt;&lt;/i&gt;</td>
-            <td>&#xf122</td>
-            <td>
-              class="icon icon-common icon-images"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1c"></span>Inbox</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1c;"&gt;&lt;/i&gt;</td>
-            <td>&#x1c</td>
-            <td>
-              class="icon icon-common icon-inbox"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf12d"></span>Indent</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf12d;"&gt;&lt;/i&gt;</td>
-            <td>&#xf12d</td>
-            <td>
-              class="icon icon-common icon-indent"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x275"></span>Industry</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x275;"&gt;&lt;/i&gt;</td>
-            <td>&#x275</td>
-            <td>
-              class="icon icon-common icon-industry"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf123"></span>Italic</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf123;"&gt;&lt;/i&gt;</td>
-            <td>&#xf123</td>
-            <td>
-              class="icon icon-common icon-italic"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf12f"></span>Key</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf12f;"&gt;&lt;/i&gt;</td>
-            <td>&#xf12f</td>
-            <td>
-              class="icon icon-common icon-key"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x11c"></span>Keyboard</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x11c;"&gt;&lt;/i&gt;</td>
-            <td>&#x11c</td>
-            <td>
-              class="icon icon-common icon-keyboard"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1ab"></span>Language</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1ab;"&gt;&lt;/i&gt;</td>
-            <td>&#x1ab</td>
-            <td>
-              class="icon icon-common icon-language"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x109"></span>Laptop</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x109;"&gt;&lt;/i&gt;</td>
-            <td>&#x109</td>
-            <td>
-              class="icon icon-common icon-laptop"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf124"></span>Leaf</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf124;"&gt;&lt;/i&gt;</td>
-            <td>&#xf124</td>
-            <td>
-              class="icon icon-common icon-leaf"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf125"></span>Lemon</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf125;"&gt;&lt;/i&gt;</td>
-            <td>&#xf125</td>
-            <td>
-              class="icon icon-common icon-lemon"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x3be"></span>Level down alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x3be;"&gt;&lt;/i&gt;</td>
-            <td>&#x3be</td>
-            <td>
-              class="icon icon-common icon-level-down-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x3bf"></span>Level up alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x3bf;"&gt;&lt;/i&gt;</td>
-            <td>&#x3bf</td>
-            <td>
-              class="icon icon-common icon-level-up-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xeb"></span>Lightbulb</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xeb;"&gt;&lt;/i&gt;</td>
-            <td>&#xeb</td>
-            <td>
-              class="icon icon-common icon-lightbulb"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xc1"></span>Link</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xc1;"&gt;&lt;/i&gt;</td>
-            <td>&#xc1</td>
-            <td>
-              class="icon icon-common icon-link"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x195"></span>Lira sign</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x195;"&gt;&lt;/i&gt;</td>
-            <td>&#x195</td>
-            <td>
-              class="icon icon-common icon-lira-sign"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf127"></span>List ol</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf127;"&gt;&lt;/i&gt;</td>
-            <td>&#xf127</td>
-            <td>
-              class="icon icon-common icon-list-ol"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xcb"></span>List ul</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xcb;"&gt;&lt;/i&gt;</td>
-            <td>&#xcb</td>
-            <td>
-              class="icon icon-common icon-list-ul"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xca"></span>List</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xca;"&gt;&lt;/i&gt;</td>
-            <td>&#xca</td>
-            <td>
-              class="icon icon-common icon-list"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x124"></span>Location arrow</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x124;"&gt;&lt;/i&gt;</td>
-            <td>&#x124</td>
-            <td>
-              class="icon icon-common icon-location-arrow"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x309"></span>Long arrow alt down</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x309;"&gt;&lt;/i&gt;</td>
-            <td>&#x309</td>
-            <td>
-              class="icon icon-common icon-long-arrow-alt-down"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x30a"></span>Long arrow alt left</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x30a;"&gt;&lt;/i&gt;</td>
-            <td>&#x30a</td>
-            <td>
-              class="icon icon-common icon-long-arrow-alt-left"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x30b"></span>Long arrow alt right</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x30b;"&gt;&lt;/i&gt;</td>
-            <td>&#x30b</td>
-            <td>
-              class="icon icon-common icon-long-arrow-alt-right"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x30c"></span>Long arrow alt up</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x30c;"&gt;&lt;/i&gt;</td>
-            <td>&#x30c</td>
-            <td>
-              class="icon icon-common icon-long-arrow-alt-up"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf129"></span>Low vision</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf129;"&gt;&lt;/i&gt;</td>
-            <td>&#xf129</td>
-            <td>
-              class="icon icon-common icon-low-vision"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xd0"></span>Magic</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xd0;"&gt;&lt;/i&gt;</td>
-            <td>&#xd0</td>
-            <td>
-              class="icon icon-common icon-magic"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x76"></span>Magnet</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x76;"&gt;&lt;/i&gt;</td>
-            <td>&#x76</td>
-            <td>
-              class="icon icon-common icon-magnet"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x183"></span>Male</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x183;"&gt;&lt;/i&gt;</td>
-            <td>&#x183</td>
-            <td>
-              class="icon icon-common icon-male"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x3c5"></span>Map pin</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x3c5;"&gt;&lt;/i&gt;</td>
-            <td>&#x3c5</td>
-            <td>
-              class="icon icon-common icon-map-pin"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x276"></span>Map signs</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x276;"&gt;&lt;/i&gt;</td>
-            <td>&#x276</td>
-            <td>
-              class="icon icon-common icon-map-signs"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x222"></span>Mars double</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x222;"&gt;&lt;/i&gt;</td>
-            <td>&#x222</td>
-            <td>
-              class="icon icon-common icon-mars-double"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x227"></span>Mars stroke h</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x227;"&gt;&lt;/i&gt;</td>
-            <td>&#x227</td>
-            <td>
-              class="icon icon-common icon-mars-stroke-h"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x229"></span>Mars stroke v</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x229;"&gt;&lt;/i&gt;</td>
-            <td>&#x229</td>
-            <td>
-              class="icon icon-common icon-mars-stroke-v"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x22b"></span>Mars stroke</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x22b;"&gt;&lt;/i&gt;</td>
-            <td>&#x22b</td>
-            <td>
-              class="icon icon-common icon-mars-stroke"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x22a"></span>Mars</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x22a;"&gt;&lt;/i&gt;</td>
-            <td>&#x22a</td>
-            <td>
-              class="icon icon-common icon-mars"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xfa"></span>Medkit</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xfa;"&gt;&lt;/i&gt;</td>
-            <td>&#xfa</td>
-            <td>
-              class="icon icon-common icon-medkit"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x11a"></span>Meh</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x11a;"&gt;&lt;/i&gt;</td>
-            <td>&#x11a</td>
-            <td>
-              class="icon icon-common icon-meh"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x223"></span>Mercury</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x223;"&gt;&lt;/i&gt;</td>
-            <td>&#x223</td>
-            <td>
-              class="icon icon-common icon-mercury"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2db"></span>Microchip</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2db;"&gt;&lt;/i&gt;</td>
-            <td>&#x2db</td>
-            <td>
-              class="icon icon-common icon-microchip"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x130"></span>Microphone slash</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x130;"&gt;&lt;/i&gt;</td>
-            <td>&#x130</td>
-            <td>
-              class="icon icon-common icon-microphone-slash"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x131"></span>Microphone</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x131;"&gt;&lt;/i&gt;</td>
-            <td>&#x131</td>
-            <td>
-              class="icon icon-common icon-microphone"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf12a"></span>Minus circle</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf12a;"&gt;&lt;/i&gt;</td>
-            <td>&#xf12a</td>
-            <td>
-              class="icon icon-common icon-minus-circle"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x56"></span>Minus square</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x56;"&gt;&lt;/i&gt;</td>
-            <td>&#x56</td>
-            <td>
-              class="icon icon-common icon-minus-square"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x146"></span>Minus</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x146;"&gt;&lt;/i&gt;</td>
-            <td>&#x146</td>
-            <td>
-              class="icon icon-common icon-minus"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x10b"></span>Mobile alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x10b;"&gt;&lt;/i&gt;</td>
-            <td>&#x10b</td>
-            <td>
-              class="icon icon-common icon-mobile-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x3cd"></span>Mobile</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x3cd;"&gt;&lt;/i&gt;</td>
-            <td>&#x3cd</td>
-            <td>
-              class="icon icon-common icon-mobile"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x3d1"></span>Money bill alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x3d1;"&gt;&lt;/i&gt;</td>
-            <td>&#x3d1</td>
-            <td>
-              class="icon icon-common icon-money-bill-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x186"></span>Moon</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x186;"&gt;&lt;/i&gt;</td>
-            <td>&#x186</td>
-            <td>
-              class="icon icon-common icon-moon"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x21c"></span>Motorcycle</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x21c;"&gt;&lt;/i&gt;</td>
-            <td>&#x21c</td>
-            <td>
-              class="icon icon-common icon-motorcycle"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x245"></span>Mouse pointer</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x245;"&gt;&lt;/i&gt;</td>
-            <td>&#x245</td>
-            <td>
-              class="icon icon-common icon-mouse-pointer"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1"></span>Music</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1;"&gt;&lt;/i&gt;</td>
-            <td>&#x1</td>
-            <td>
-              class="icon icon-common icon-music"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x22c"></span>Neuter</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x22c;"&gt;&lt;/i&gt;</td>
-            <td>&#x22c</td>
-            <td>
-              class="icon icon-common icon-neuter"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1ea"></span>Newspaper</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1ea;"&gt;&lt;/i&gt;</td>
-            <td>&#x1ea</td>
-            <td>
-              class="icon icon-common icon-newspaper"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x247"></span>Object group</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x247;"&gt;&lt;/i&gt;</td>
-            <td>&#x247</td>
-            <td>
-              class="icon icon-common icon-object-group"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x248"></span>Object ungroup</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x248;"&gt;&lt;/i&gt;</td>
-            <td>&#x248</td>
-            <td>
-              class="icon icon-common icon-object-ungroup"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf12b"></span>Outdent</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf12b;"&gt;&lt;/i&gt;</td>
-            <td>&#xf12b</td>
-            <td>
-              class="icon icon-common icon-outdent"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1fc"></span>Paint brush</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1fc;"&gt;&lt;/i&gt;</td>
-            <td>&#x1fc</td>
-            <td>
-              class="icon icon-common icon-paint-brush"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1d8"></span>Paper plane</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1d8;"&gt;&lt;/i&gt;</td>
-            <td>&#x1d8</td>
-            <td>
-              class="icon icon-common icon-paper-plane"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xc6"></span>Paperclip</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xc6;"&gt;&lt;/i&gt;</td>
-            <td>&#xc6</td>
-            <td>
-              class="icon icon-common icon-paperclip"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1dd"></span>Paragraph</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1dd;"&gt;&lt;/i&gt;</td>
-            <td>&#x1dd</td>
-            <td>
-              class="icon icon-common icon-paragraph"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xea"></span>Paste</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xea;"&gt;&lt;/i&gt;</td>
-            <td>&#xea</td>
-            <td>
-              class="icon icon-common icon-paste"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x4c"></span>Pause circle</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x4c;"&gt;&lt;/i&gt;</td>
-            <td>&#x4c</td>
-            <td>
-              class="icon icon-common icon-pause-circle"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x28b"></span>Pause</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x28b;"&gt;&lt;/i&gt;</td>
-            <td>&#x28b</td>
-            <td>
-              class="icon icon-common icon-pause"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1b0"></span>Paw</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1b0;"&gt;&lt;/i&gt;</td>
-            <td>&#x1b0</td>
-            <td>
-              class="icon icon-common icon-paw"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x14b"></span>Pen square</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x14b;"&gt;&lt;/i&gt;</td>
-            <td>&#x14b</td>
-            <td>
-              class="icon icon-common icon-pen-square"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x303"></span>Pencil alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x303;"&gt;&lt;/i&gt;</td>
-            <td>&#x303</td>
-            <td>
-              class="icon icon-common icon-pencil-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x295"></span>Percent</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x295;"&gt;&lt;/i&gt;</td>
-            <td>&#x295</td>
-            <td>
-              class="icon icon-common icon-percent"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2a0"></span>Phone</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2a0;"&gt;&lt;/i&gt;</td>
-            <td>&#x2a0</td>
-            <td>
-              class="icon icon-common icon-phone"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x72"></span>Plane</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x72;"&gt;&lt;/i&gt;</td>
-            <td>&#x72</td>
-            <td>
-              class="icon icon-common icon-plane"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x4b"></span>Play circle</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x4b;"&gt;&lt;/i&gt;</td>
-            <td>&#x4b</td>
-            <td>
-              class="icon icon-common icon-play-circle"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x144"></span>Play</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x144;"&gt;&lt;/i&gt;</td>
-            <td>&#x144</td>
-            <td>
-              class="icon icon-common icon-play"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1e6"></span>Plug</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1e6;"&gt;&lt;/i&gt;</td>
-            <td>&#x1e6</td>
-            <td>
-              class="icon icon-common icon-plug"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf12e"></span>Plus circle</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf12e;"&gt;&lt;/i&gt;</td>
-            <td>&#xf12e</td>
-            <td>
-              class="icon icon-common icon-plus-circle"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x55"></span>Plus square</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x55;"&gt;&lt;/i&gt;</td>
-            <td>&#x55</td>
-            <td>
-              class="icon icon-common icon-plus-square"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xfe"></span>Plus</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xfe;"&gt;&lt;/i&gt;</td>
-            <td>&#xfe</td>
-            <td>
-              class="icon icon-common icon-plus"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2ce"></span>Podcast</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2ce;"&gt;&lt;/i&gt;</td>
-            <td>&#x2ce</td>
-            <td>
-              class="icon icon-common icon-podcast"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x154"></span>Pound sign</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x154;"&gt;&lt;/i&gt;</td>
-            <td>&#x154</td>
-            <td>
-              class="icon icon-common icon-pound-sign"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x11"></span>Power off</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x11;"&gt;&lt;/i&gt;</td>
-            <td>&#x11</td>
-            <td>
-              class="icon icon-common icon-power-off"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf133"></span>Print</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf133;"&gt;&lt;/i&gt;</td>
-            <td>&#xf133</td>
-            <td>
-              class="icon icon-common icon-print"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x12e"></span>Puzzle piece</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x12e;"&gt;&lt;/i&gt;</td>
-            <td>&#x12e</td>
-            <td>
-              class="icon icon-common icon-puzzle-piece"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf134"></span>Qrcode</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf134;"&gt;&lt;/i&gt;</td>
-            <td>&#xf134</td>
-            <td>
-              class="icon icon-common icon-qrcode"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x128"></span>Question circle</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x128;"&gt;&lt;/i&gt;</td>
-            <td>&#x128</td>
-            <td>
-              class="icon icon-common icon-question-circle"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf130"></span>Question</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf130;"&gt;&lt;/i&gt;</td>
-            <td>&#xf130</td>
-            <td>
-              class="icon icon-common icon-question"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x10d"></span>Quote left</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x10d;"&gt;&lt;/i&gt;</td>
-            <td>&#x10d</td>
-            <td>
-              class="icon icon-common icon-quote-left"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x10e"></span>Quote right</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x10e;"&gt;&lt;/i&gt;</td>
-            <td>&#x10e</td>
-            <td>
-              class="icon icon-common icon-quote-right"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf131"></span>Random</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf131;"&gt;&lt;/i&gt;</td>
-            <td>&#xf131</td>
-            <td>
-              class="icon icon-common icon-random"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1b8"></span>Recycle</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1b8;"&gt;&lt;/i&gt;</td>
-            <td>&#x1b8</td>
-            <td>
-              class="icon icon-common icon-recycle"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1e"></span>Redo alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1e;"&gt;&lt;/i&gt;</td>
-            <td>&#x1e</td>
-            <td>
-              class="icon icon-common icon-redo-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2f9"></span>Redo</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2f9;"&gt;&lt;/i&gt;</td>
-            <td>&#x2f9</td>
-            <td>
-              class="icon icon-common icon-redo"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x3e5"></span>Reply all</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x3e5;"&gt;&lt;/i&gt;</td>
-            <td>&#x3e5</td>
-            <td>
-              class="icon icon-common icon-reply-all"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x122"></span>Reply</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x122;"&gt;&lt;/i&gt;</td>
-            <td>&#x122</td>
-            <td>
-              class="icon icon-common icon-reply"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf132"></span>Retweet</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf132;"&gt;&lt;/i&gt;</td>
-            <td>&#xf132</td>
-            <td>
-              class="icon icon-common icon-retweet"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x18"></span>Road</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x18;"&gt;&lt;/i&gt;</td>
-            <td>&#x18</td>
-            <td>
-              class="icon icon-common icon-road"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x135"></span>Rocket</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x135;"&gt;&lt;/i&gt;</td>
-            <td>&#x135</td>
-            <td>
-              class="icon icon-common icon-rocket"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x143"></span>Rss</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x143;"&gt;&lt;/i&gt;</td>
-            <td>&#x143</td>
-            <td>
-              class="icon icon-common icon-rss"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x158"></span>Ruble sign</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x158;"&gt;&lt;/i&gt;</td>
-            <td>&#x158</td>
-            <td>
-              class="icon icon-common icon-ruble-sign"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x156"></span>Rupee sign</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x156;"&gt;&lt;/i&gt;</td>
-            <td>&#x156</td>
-            <td>
-              class="icon icon-common icon-rupee-sign"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2"></span>Search minus</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2;"&gt;&lt;/i&gt;</td>
-            <td>&#x2</td>
-            <td>
-              class="icon icon-common icon-search-minus"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x10"></span>Search plus</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x10;"&gt;&lt;/i&gt;</td>
-            <td>&#x10</td>
-            <td>
-              class="icon icon-common icon-search-plus"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xe"></span>Search</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xe;"&gt;&lt;/i&gt;</td>
-            <td>&#xe</td>
-            <td>
-              class="icon icon-common icon-search"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x233"></span>Server</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x233;"&gt;&lt;/i&gt;</td>
-            <td>&#x233</td>
-            <td>
-              class="icon icon-common icon-server"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1e0"></span>Share alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1e0;"&gt;&lt;/i&gt;</td>
-            <td>&#x1e0</td>
-            <td>
-              class="icon icon-common icon-share-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1e1"></span>Share square</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1e1;"&gt;&lt;/i&gt;</td>
-            <td>&#x1e1</td>
-            <td>
-              class="icon icon-common icon-share-square"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x14d"></span>Share</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x14d;"&gt;&lt;/i&gt;</td>
-            <td>&#x14d</td>
-            <td>
-              class="icon icon-common icon-share"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x20b"></span>Shekel sign</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x20b;"&gt;&lt;/i&gt;</td>
-            <td>&#x20b</td>
-            <td>
-              class="icon icon-common icon-shekel-sign"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x3ed"></span>Shield alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x3ed;"&gt;&lt;/i&gt;</td>
-            <td>&#x3ed</td>
-            <td>
-              class="icon icon-common icon-shield-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x21a"></span>Ship</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x21a;"&gt;&lt;/i&gt;</td>
-            <td>&#x21a</td>
-            <td>
-              class="icon icon-common icon-ship"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2cc"></span>Shower</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2cc;"&gt;&lt;/i&gt;</td>
-            <td>&#x2cc</td>
-            <td>
-              class="icon icon-common icon-shower"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2f6"></span>Sign in alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2f6;"&gt;&lt;/i&gt;</td>
-            <td>&#x2f6</td>
-            <td>
-              class="icon icon-common icon-sign-in-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2a7"></span>Sign language</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2a7;"&gt;&lt;/i&gt;</td>
-            <td>&#x2a7</td>
-            <td>
-              class="icon icon-common icon-sign-language"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2f5"></span>Sign out alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2f5;"&gt;&lt;/i&gt;</td>
-            <td>&#x2f5</td>
-            <td>
-              class="icon icon-common icon-sign-out-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x12"></span>Signal</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x12;"&gt;&lt;/i&gt;</td>
-            <td>&#x12</td>
-            <td>
-              class="icon icon-common icon-signal"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xe8"></span>Sitemap</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xe8;"&gt;&lt;/i&gt;</td>
-            <td>&#xe8</td>
-            <td>
-              class="icon icon-common icon-sitemap"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1de"></span>Sliders h</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1de;"&gt;&lt;/i&gt;</td>
-            <td>&#x1de</td>
-            <td>
-              class="icon icon-common icon-sliders-h"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x118"></span>Smile</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x118;"&gt;&lt;/i&gt;</td>
-            <td>&#x118</td>
-            <td>
-              class="icon icon-common icon-smile"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2dc"></span>Snowflake</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2dc;"&gt;&lt;/i&gt;</td>
-            <td>&#x2dc</td>
-            <td>
-              class="icon icon-common icon-snowflake"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xdc"></span>Sort alpha down</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xdc;"&gt;&lt;/i&gt;</td>
-            <td>&#xdc</td>
-            <td>
-              class="icon icon-common icon-sort-alpha-down"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x15d"></span>Sort alpha up</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x15d;"&gt;&lt;/i&gt;</td>
-            <td>&#x15d</td>
-            <td>
-              class="icon icon-common icon-sort-alpha-up"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x15e"></span>Sort amount down</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x15e;"&gt;&lt;/i&gt;</td>
-            <td>&#x15e</td>
-            <td>
-              class="icon icon-common icon-sort-amount-down"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x160"></span>Sort amount up</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x160;"&gt;&lt;/i&gt;</td>
-            <td>&#x160</td>
-            <td>
-              class="icon icon-common icon-sort-amount-up"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x161"></span>Sort down</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x161;"&gt;&lt;/i&gt;</td>
-            <td>&#x161</td>
-            <td>
-              class="icon icon-common icon-sort-down"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xdd"></span>Sort numeric down</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xdd;"&gt;&lt;/i&gt;</td>
-            <td>&#xdd</td>
-            <td>
-              class="icon icon-common icon-sort-numeric-down"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x162"></span>Sort numeric up</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x162;"&gt;&lt;/i&gt;</td>
-            <td>&#x162</td>
-            <td>
-              class="icon icon-common icon-sort-numeric-up"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x163"></span>Sort up</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x163;"&gt;&lt;/i&gt;</td>
-            <td>&#x163</td>
-            <td>
-              class="icon icon-common icon-sort-up"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xde"></span>Sort</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xde;"&gt;&lt;/i&gt;</td>
-            <td>&#xde</td>
-            <td>
-              class="icon icon-common icon-sort"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x110"></span>Spinner</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x110;"&gt;&lt;/i&gt;</td>
-            <td>&#x110</td>
-            <td>
-              class="icon icon-common icon-spinner"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xc8"></span>Square full</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xc8;"&gt;&lt;/i&gt;</td>
-            <td>&#xc8</td>
-            <td>
-              class="icon icon-common icon-square-full"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x45c"></span>Square</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x45c;"&gt;&lt;/i&gt;</td>
-            <td>&#x45c</td>
-            <td>
-              class="icon icon-common icon-square"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x5"></span>Star half</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x5;"&gt;&lt;/i&gt;</td>
-            <td>&#x5</td>
-            <td>
-              class="icon icon-common icon-star-half"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf135"></span>Star</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf135;"&gt;&lt;/i&gt;</td>
-            <td>&#xf135</td>
-            <td>
-              class="icon icon-common icon-star"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x48"></span>Step backward</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x48;"&gt;&lt;/i&gt;</td>
-            <td>&#x48</td>
-            <td>
-              class="icon icon-common icon-step-backward"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf136"></span>Step forward</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf136;"&gt;&lt;/i&gt;</td>
-            <td>&#xf136</td>
-            <td>
-              class="icon icon-common icon-step-forward"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf1"></span>Stethoscope</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf1;"&gt;&lt;/i&gt;</td>
-            <td>&#xf1</td>
-            <td>
-              class="icon icon-common icon-stethoscope"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x249"></span>Sticky note</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x249;"&gt;&lt;/i&gt;</td>
-            <td>&#x249</td>
-            <td>
-              class="icon icon-common icon-sticky-note"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf137"></span>Stop circle</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf137;"&gt;&lt;/i&gt;</td>
-            <td>&#xf137</td>
-            <td>
-              class="icon icon-common icon-stop-circle"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x28d"></span>Stop</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x28d;"&gt;&lt;/i&gt;</td>
-            <td>&#x28d</td>
-            <td>
-              class="icon icon-common icon-stop"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2f2"></span>Stopwatch</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2f2;"&gt;&lt;/i&gt;</td>
-            <td>&#x2f2</td>
-            <td>
-              class="icon icon-common icon-stopwatch"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x21d"></span>Street view</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x21d;"&gt;&lt;/i&gt;</td>
-            <td>&#x21d</td>
-            <td>
-              class="icon icon-common icon-street-view"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xcc"></span>Strikethrough</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xcc;"&gt;&lt;/i&gt;</td>
-            <td>&#xcc</td>
-            <td>
-              class="icon icon-common icon-strikethrough"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x12c"></span>Subscript</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x12c;"&gt;&lt;/i&gt;</td>
-            <td>&#x12c</td>
-            <td>
-              class="icon icon-common icon-subscript"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x239"></span>Subway</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x239;"&gt;&lt;/i&gt;</td>
-            <td>&#x239</td>
-            <td>
-              class="icon icon-common icon-subway"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf2"></span>Suitcase</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf2;"&gt;&lt;/i&gt;</td>
-            <td>&#xf2</td>
-            <td>
-              class="icon icon-common icon-suitcase"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x185"></span>Sun</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x185;"&gt;&lt;/i&gt;</td>
-            <td>&#x185</td>
-            <td>
-              class="icon icon-common icon-sun"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x12b"></span>Superscript</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x12b;"&gt;&lt;/i&gt;</td>
-            <td>&#x12b</td>
-            <td>
-              class="icon icon-common icon-superscript"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf140"></span>Sync alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf140;"&gt;&lt;/i&gt;</td>
-            <td>&#xf140</td>
-            <td>
-              class="icon icon-common icon-sync-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2f1"></span>Sync</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2f1;"&gt;&lt;/i&gt;</td>
-            <td>&#x2f1</td>
-            <td>
-              class="icon icon-common icon-sync"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xce"></span>Table tennis</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xce;"&gt;&lt;/i&gt;</td>
-            <td>&#xce</td>
-            <td>
-              class="icon icon-common icon-table-tennis"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x45d"></span>Table</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x45d;"&gt;&lt;/i&gt;</td>
-            <td>&#x45d</td>
-            <td>
-              class="icon icon-common icon-table"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x10a"></span>Tablet alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x10a;"&gt;&lt;/i&gt;</td>
-            <td>&#x10a</td>
-            <td>
-              class="icon icon-common icon-tablet-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x3fa"></span>Tablet</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x3fa;"&gt;&lt;/i&gt;</td>
-            <td>&#x3fa</td>
-            <td>
-              class="icon icon-common icon-tablet"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x3fd"></span>Tachometer alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x3fd;"&gt;&lt;/i&gt;</td>
-            <td>&#x3fd</td>
-            <td>
-              class="icon icon-common icon-tachometer-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf138"></span>Tag</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf138;"&gt;&lt;/i&gt;</td>
-            <td>&#xf138</td>
-            <td>
-              class="icon icon-common icon-tag"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2c"></span>Tags</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2c;"&gt;&lt;/i&gt;</td>
-            <td>&#x2c</td>
-            <td>
-              class="icon icon-common icon-tags"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xae"></span>Tasks</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xae;"&gt;&lt;/i&gt;</td>
-            <td>&#xae</td>
-            <td>
-              class="icon icon-common icon-tasks"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1ba"></span>Taxi</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1ba;"&gt;&lt;/i&gt;</td>
-            <td>&#x1ba</td>
-            <td>
-              class="icon icon-common icon-taxi"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x120"></span>Terminal</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x120;"&gt;&lt;/i&gt;</td>
-            <td>&#x120</td>
-            <td>
-              class="icon icon-common icon-terminal"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf145"></span>Text height</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf145;"&gt;&lt;/i&gt;</td>
-            <td>&#xf145</td>
-            <td>
-              class="icon icon-common icon-text-height"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf139"></span>Text width</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf139;"&gt;&lt;/i&gt;</td>
-            <td>&#xf139</td>
-            <td>
-              class="icon icon-common icon-text-width"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf13a"></span>Th large</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf13a;"&gt;&lt;/i&gt;</td>
-            <td>&#xf13a</td>
-            <td>
-              class="icon icon-common icon-th-large"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf13b"></span>Th list</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf13b;"&gt;&lt;/i&gt;</td>
-            <td>&#xf13b</td>
-            <td>
-              class="icon icon-common icon-th-list"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xb"></span>Th</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xb;"&gt;&lt;/i&gt;</td>
-            <td>&#xb</td>
-            <td>
-              class="icon icon-common icon-th"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2cb"></span>Thermometer empty</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2cb;"&gt;&lt;/i&gt;</td>
-            <td>&#x2cb</td>
-            <td>
-              class="icon icon-common icon-thermometer-empty"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2c7"></span>Thermometer full</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2c7;"&gt;&lt;/i&gt;</td>
-            <td>&#x2c7</td>
-            <td>
-              class="icon icon-common icon-thermometer-full"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2c9"></span>Thermometer half</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2c9;"&gt;&lt;/i&gt;</td>
-            <td>&#x2c9</td>
-            <td>
-              class="icon icon-common icon-thermometer-half"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2ca"></span>Thermometer quarter</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2ca;"&gt;&lt;/i&gt;</td>
-            <td>&#x2ca</td>
-            <td>
-              class="icon icon-common icon-thermometer-quarter"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2c8"></span>Thermometer three quarters</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2c8;"&gt;&lt;/i&gt;</td>
-            <td>&#x2c8</td>
-            <td>
-              class="icon icon-common icon-thermometer-three-quarters"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x165"></span>Thumbs down</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x165;"&gt;&lt;/i&gt;</td>
-            <td>&#x165</td>
-            <td>
-              class="icon icon-common icon-thumbs-down"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x164"></span>Thumbs up</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x164;"&gt;&lt;/i&gt;</td>
-            <td>&#x164</td>
-            <td>
-              class="icon icon-common icon-thumbs-up"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x8d"></span>Thumbtack</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x8d;"&gt;&lt;/i&gt;</td>
-            <td>&#x8d</td>
-            <td>
-              class="icon icon-common icon-thumbtack"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x3ff"></span>Ticket alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x3ff;"&gt;&lt;/i&gt;</td>
-            <td>&#x3ff</td>
-            <td>
-              class="icon icon-common icon-ticket-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf13c"></span>Times circle</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf13c;"&gt;&lt;/i&gt;</td>
-            <td>&#xf13c</td>
-            <td>
-              class="icon icon-common icon-times-circle"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x57"></span>Times</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x57;"&gt;&lt;/i&gt;</td>
-            <td>&#x57</td>
-            <td>
-              class="icon icon-common icon-times"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf141"></span>Tint</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf141;"&gt;&lt;/i&gt;</td>
-            <td>&#xf141</td>
-            <td>
-              class="icon icon-common icon-tint"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x204"></span>Toggle off</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x204;"&gt;&lt;/i&gt;</td>
-            <td>&#x204</td>
-            <td>
-              class="icon icon-common icon-toggle-off"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x205"></span>Toggle on</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x205;"&gt;&lt;/i&gt;</td>
-            <td>&#x205</td>
-            <td>
-              class="icon icon-common icon-toggle-on"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x25c"></span>Trademark</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x25c;"&gt;&lt;/i&gt;</td>
-            <td>&#x25c</td>
-            <td>
-              class="icon icon-common icon-trademark"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x238"></span>Train</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x238;"&gt;&lt;/i&gt;</td>
-            <td>&#x238</td>
-            <td>
-              class="icon icon-common icon-train"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x224"></span>Transgender alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x224;"&gt;&lt;/i&gt;</td>
-            <td>&#x224</td>
-            <td>
-              class="icon icon-common icon-transgender-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x225"></span>Transgender</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x225;"&gt;&lt;/i&gt;</td>
-            <td>&#x225</td>
-            <td>
-              class="icon icon-common icon-transgender"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f8"></span>Trash alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f8;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f8</td>
-            <td>
-              class="icon icon-common icon-trash-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2ed"></span>Trash</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2ed;"&gt;&lt;/i&gt;</td>
-            <td>&#x2ed</td>
-            <td>
-              class="icon icon-common icon-trash"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1bb"></span>Tree</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1bb;"&gt;&lt;/i&gt;</td>
-            <td>&#x1bb</td>
-            <td>
-              class="icon icon-common icon-tree"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf13d"></span>Trophy</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf13d;"&gt;&lt;/i&gt;</td>
-            <td>&#xf13d</td>
-            <td>
-              class="icon icon-common icon-trophy"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xd1"></span>Truck</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xd1;"&gt;&lt;/i&gt;</td>
-            <td>&#xd1</td>
-            <td>
-              class="icon icon-common icon-truck"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1e4"></span>Tty</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1e4;"&gt;&lt;/i&gt;</td>
-            <td>&#x1e4</td>
-            <td>
-              class="icon icon-common icon-tty"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x26c"></span>Tv</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x26c;"&gt;&lt;/i&gt;</td>
-            <td>&#x26c</td>
-            <td>
-              class="icon icon-common icon-tv"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xe9"></span>Umbrella</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xe9;"&gt;&lt;/i&gt;</td>
-            <td>&#xe9</td>
-            <td>
-              class="icon icon-common icon-umbrella"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xcd"></span>Underline</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xcd;"&gt;&lt;/i&gt;</td>
-            <td>&#xcd</td>
-            <td>
-              class="icon icon-common icon-underline"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xe2"></span>Undo alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xe2;"&gt;&lt;/i&gt;</td>
-            <td>&#xe2</td>
-            <td>
-              class="icon icon-common icon-undo-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2ea"></span>Undo</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2ea;"&gt;&lt;/i&gt;</td>
-            <td>&#x2ea</td>
-            <td>
-              class="icon icon-common icon-undo"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x29a"></span>Universal access</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x29a;"&gt;&lt;/i&gt;</td>
-            <td>&#x29a</td>
-            <td>
-              class="icon icon-common icon-universal-access"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x19c"></span>University</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x19c;"&gt;&lt;/i&gt;</td>
-            <td>&#x19c</td>
-            <td>
-              class="icon icon-common icon-university"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x127"></span>Unlink</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x127;"&gt;&lt;/i&gt;</td>
-            <td>&#x127</td>
-            <td>
-              class="icon icon-common icon-unlink"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x9c"></span>Unlock alt</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x9c;"&gt;&lt;/i&gt;</td>
-            <td>&#x9c</td>
-            <td>
-              class="icon icon-common icon-unlock-alt"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x13e"></span>Unlock</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x13e;"&gt;&lt;/i&gt;</td>
-            <td>&#x13e</td>
-            <td>
-              class="icon icon-common icon-unlock"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf13e"></span>Upload</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf13e;"&gt;&lt;/i&gt;</td>
-            <td>&#xf13e</td>
-            <td>
-              class="icon icon-common icon-upload"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x7"></span>User circle</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x7;"&gt;&lt;/i&gt;</td>
-            <td>&#x7</td>
-            <td>
-              class="icon icon-common icon-user-circle"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2bd"></span>User md</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2bd;"&gt;&lt;/i&gt;</td>
-            <td>&#x2bd</td>
-            <td>
-              class="icon icon-common icon-user-md"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf0"></span>User plus</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf0;"&gt;&lt;/i&gt;</td>
-            <td>&#xf0</td>
-            <td>
-              class="icon icon-common icon-user-plus"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x234"></span>User secret</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x234;"&gt;&lt;/i&gt;</td>
-            <td>&#x234</td>
-            <td>
-              class="icon icon-common icon-user-secret"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x21b"></span>User times</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x21b;"&gt;&lt;/i&gt;</td>
-            <td>&#x21b</td>
-            <td>
-              class="icon icon-common icon-user-times"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x235"></span>User</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x235;"&gt;&lt;/i&gt;</td>
-            <td>&#x235</td>
-            <td>
-              class="icon icon-common icon-user"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xc0"></span>Users</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xc0;"&gt;&lt;/i&gt;</td>
-            <td>&#xc0</td>
-            <td>
-              class="icon icon-common icon-users"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2e5"></span>Utensil spoon</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2e5;"&gt;&lt;/i&gt;</td>
-            <td>&#x2e5</td>
-            <td>
-              class="icon icon-common icon-utensil-spoon"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2e7"></span>Utensils</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2e7;"&gt;&lt;/i&gt;</td>
-            <td>&#x2e7</td>
-            <td>
-              class="icon icon-common icon-utensils"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x221"></span>Venus double</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x221;"&gt;&lt;/i&gt;</td>
-            <td>&#x221</td>
-            <td>
-              class="icon icon-common icon-venus-double"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x226"></span>Venus mars</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x226;"&gt;&lt;/i&gt;</td>
-            <td>&#x226</td>
-            <td>
-              class="icon icon-common icon-venus-mars"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x228"></span>Venus</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x228;"&gt;&lt;/i&gt;</td>
-            <td>&#x228</td>
-            <td>
-              class="icon icon-common icon-venus"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x3d"></span>Video</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x3d;"&gt;&lt;/i&gt;</td>
-            <td>&#x3d</td>
-            <td>
-              class="icon icon-common icon-video"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x45f"></span>Volleyball ball</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x45f;"&gt;&lt;/i&gt;</td>
-            <td>&#x45f</td>
-            <td>
-              class="icon icon-common icon-volleyball-ball"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf142"></span>Volume down</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf142;"&gt;&lt;/i&gt;</td>
-            <td>&#xf142</td>
-            <td>
-              class="icon icon-common icon-volume-down"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf143"></span>Volume off</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf143;"&gt;&lt;/i&gt;</td>
-            <td>&#xf143</td>
-            <td>
-              class="icon icon-common icon-volume-off"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf144"></span>Volume up</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf144;"&gt;&lt;/i&gt;</td>
-            <td>&#xf144</td>
-            <td>
-              class="icon icon-common icon-volume-up"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x193"></span>Wheelchair</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x193;"&gt;&lt;/i&gt;</td>
-            <td>&#x193</td>
-            <td>
-              class="icon icon-common icon-wheelchair"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1eb"></span>Wifi</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1eb;"&gt;&lt;/i&gt;</td>
-            <td>&#x1eb</td>
-            <td>
-              class="icon icon-common icon-wifi"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x410"></span>Window close</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x410;"&gt;&lt;/i&gt;</td>
-            <td>&#x410</td>
-            <td>
-              class="icon icon-common icon-window-close"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2d0"></span>Window maximize</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2d0;"&gt;&lt;/i&gt;</td>
-            <td>&#x2d0</td>
-            <td>
-              class="icon icon-common icon-window-maximize"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2d1"></span>Window minimize</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2d1;"&gt;&lt;/i&gt;</td>
-            <td>&#x2d1</td>
-            <td>
-              class="icon icon-common icon-window-minimize"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2d2"></span>Window restore</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2d2;"&gt;&lt;/i&gt;</td>
-            <td>&#x2d2</td>
-            <td>
-              class="icon icon-common icon-window-restore"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x159"></span>Won sign</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x159;"&gt;&lt;/i&gt;</td>
-            <td>&#x159</td>
-            <td>
-              class="icon icon-common icon-won-sign"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf13f"></span>Wrench</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf13f;"&gt;&lt;/i&gt;</td>
-            <td>&#xf13f</td>
-            <td>
-              class="icon icon-common icon-wrench"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x157"></span>Yen sign</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x157;"&gt;&lt;/i&gt;</td>
-            <td>&#x157</td>
-            <td>
-              class="icon icon-common icon-yen-sign"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x29"></span>Add job</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x29;"&gt;&lt;/i&gt;</td>
-            <td>&#x29</td>
-            <td>
-              class="icon icon-common icon-add-job"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x37"></span>Add user</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x37;"&gt;&lt;/i&gt;</td>
-            <td>&#x37</td>
-            <td>
-              class="icon icon-common icon-add-user"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2b"></span>Add</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2b;"&gt;&lt;/i&gt;</td>
-            <td>&#x2b</td>
-            <td>
-              class="icon icon-common icon-add"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x69"></span>Align</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x69;"&gt;&lt;/i&gt;</td>
-            <td>&#x69</td>
-            <td>
-              class="icon icon-common icon-align"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x7a"></span>Analyse graph</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x7a;"&gt;&lt;/i&gt;</td>
-            <td>&#x7a</td>
-            <td>
-              class="icon icon-common icon-analyse-graph"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x42"></span>Analyse percent 0</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x42;"&gt;&lt;/i&gt;</td>
-            <td>&#x42</td>
-            <td>
-              class="icon icon-common icon-analyse-percent_0"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x45"></span>Analyse percent 100</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x45;"&gt;&lt;/i&gt;</td>
-            <td>&#x45</td>
-            <td>
-              class="icon icon-common icon-analyse-percent_100"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x43"></span>Analyse percent 40</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x43;"&gt;&lt;/i&gt;</td>
-            <td>&#x43</td>
-            <td>
-              class="icon icon-common icon-analyse-percent_40"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x41"></span>Analyse</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x41;"&gt;&lt;/i&gt;</td>
-            <td>&#x41</td>
-            <td>
-              class="icon icon-common icon-analyse"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2f"></span>Approve</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2f;"&gt;&lt;/i&gt;</td>
-            <td>&#x2f</td>
-            <td>
-              class="icon icon-common icon-approve"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x28"></span>Approved job</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x28;"&gt;&lt;/i&gt;</td>
-            <td>&#x28</td>
-            <td>
-              class="icon icon-common icon-approved-job"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x61"></span>Attach</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x61;"&gt;&lt;/i&gt;</td>
-            <td>&#x61</td>
-            <td>
-              class="icon icon-common icon-attach"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x62"></span>Browse</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x62;"&gt;&lt;/i&gt;</td>
-            <td>&#x62</td>
-            <td>
-              class="icon icon-common icon-browse"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x78"></span>Close</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x78;"&gt;&lt;/i&gt;</td>
-            <td>&#x78</td>
-            <td>
-              class="icon icon-common icon-close"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x39"></span>Collapse closed</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x39;"&gt;&lt;/i&gt;</td>
-            <td>&#x39</td>
-            <td>
-              class="icon icon-common icon-collapse-closed"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x38"></span>Collapse open</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x38;"&gt;&lt;/i&gt;</td>
-            <td>&#x38</td>
-            <td>
-              class="icon icon-common icon-collapse-open"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x77"></span>Collapse</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x77;"&gt;&lt;/i&gt;</td>
-            <td>&#x77</td>
-            <td>
-              class="icon icon-common icon-collapse"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x4f"></span>Compare</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x4f;"&gt;&lt;/i&gt;</td>
-            <td>&#x4f</td>
-            <td>
-              class="icon icon-common icon-compare"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x125"></span>Crop</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x125;"&gt;&lt;/i&gt;</td>
-            <td>&#x125</td>
-            <td>
-              class="icon icon-common icon-crop"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xc4"></span>Cut</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xc4;"&gt;&lt;/i&gt;</td>
-            <td>&#xc4</td>
-            <td>
-              class="icon icon-common icon-cut"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x44"></span>Database submit</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x44;"&gt;&lt;/i&gt;</td>
-            <td>&#x44</td>
-            <td>
-              class="icon icon-common icon-database-submit"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x64"></span>Delete</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x64;"&gt;&lt;/i&gt;</td>
-            <td>&#x64</td>
-            <td>
-              class="icon icon-common icon-delete"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2b07"></span>Down page</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2b07;"&gt;&lt;/i&gt;</td>
-            <td>&#x2b07</td>
-            <td>
-              class="icon icon-common icon-down-page"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x19"></span>Download</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x19;"&gt;&lt;/i&gt;</td>
-            <td>&#x19</td>
-            <td>
-              class="icon icon-common icon-download"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x35"></span>Edit user</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x35;"&gt;&lt;/i&gt;</td>
-            <td>&#x35</td>
-            <td>
-              class="icon icon-common icon-edit-user"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf113"></span>Edit</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf113;"&gt;&lt;/i&gt;</td>
-            <td>&#xf113</td>
-            <td>
-              class="icon icon-common icon-edit"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x31e"></span>Expand</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x31e;"&gt;&lt;/i&gt;</td>
-            <td>&#x31e</td>
-            <td>
-              class="icon icon-common icon-expand"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xb0"></span>Filter</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xb0;"&gt;&lt;/i&gt;</td>
-            <td>&#xb0</td>
-            <td>
-              class="icon icon-common icon-filter"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x5b"></span>First page</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x5b;"&gt;&lt;/i&gt;</td>
-            <td>&#x5b</td>
-            <td>
-              class="icon icon-common icon-first-page"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x46"></span>Fullscreen</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x46;"&gt;&lt;/i&gt;</td>
-            <td>&#x46</td>
-            <td>
-              class="icon icon-common icon-fullscreen"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x68"></span>Hierarchy</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x68;"&gt;&lt;/i&gt;</td>
-            <td>&#x68</td>
-            <td>
-              class="icon icon-common icon-hierarchy"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x5d"></span>Last page</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x5d;"&gt;&lt;/i&gt;</td>
-            <td>&#x5d</td>
-            <td>
-              class="icon icon-common icon-last-page"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x6b"></span>Like</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x6b;"&gt;&lt;/i&gt;</td>
-            <td>&#x6b</td>
-            <td>
-              class="icon icon-common icon-like"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x4c"></span>Lock</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x4c;"&gt;&lt;/i&gt;</td>
-            <td>&#x4c</td>
-            <td>
-              class="icon icon-common icon-lock"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x6c"></span>Login</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x6c;"&gt;&lt;/i&gt;</td>
-            <td>&#x6c</td>
-            <td>
-              class="icon icon-common icon-login"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x30"></span>Mapping</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x30;"&gt;&lt;/i&gt;</td>
-            <td>&#x30</td>
-            <td>
-              class="icon icon-common icon-mapping"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x4d"></span>Menu</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x4d;"&gt;&lt;/i&gt;</td>
-            <td>&#x4d</td>
-            <td>
-              class="icon icon-common icon-menu"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x6d"></span>Move</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x6d;"&gt;&lt;/i&gt;</td>
-            <td>&#x6d</td>
-            <td>
-              class="icon icon-common icon-move"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x3e"></span>Next page</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x3e;"&gt;&lt;/i&gt;</td>
-            <td>&#x3e</td>
-            <td>
-              class="icon icon-common icon-next-page"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x144"></span>Play</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x144;"&gt;&lt;/i&gt;</td>
-            <td>&#x144</td>
-            <td>
-              class="icon icon-common icon-play"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x3c"></span>Previous page</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x3c;"&gt;&lt;/i&gt;</td>
-            <td>&#x3c</td>
-            <td>
-              class="icon icon-common icon-previous-page"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xf133"></span>Print</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xf133;"&gt;&lt;/i&gt;</td>
-            <td>&#xf133</td>
-            <td>
-              class="icon icon-common icon-print"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2f9"></span>Redo</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2f9;"&gt;&lt;/i&gt;</td>
-            <td>&#x2f9</td>
-            <td>
-              class="icon icon-common icon-redo"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x52"></span>Refresh</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x52;"&gt;&lt;/i&gt;</td>
-            <td>&#x52</td>
-            <td>
-              class="icon icon-common icon-refresh"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x36"></span>Remove user</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x36;"&gt;&lt;/i&gt;</td>
-            <td>&#x36</td>
-            <td>
-              class="icon icon-common icon-remove-user"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2d"></span>Remove</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2d;"&gt;&lt;/i&gt;</td>
-            <td>&#x2d</td>
-            <td>
-              class="icon icon-common icon-remove"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x53"></span>Save</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x53;"&gt;&lt;/i&gt;</td>
-            <td>&#x53</td>
-            <td>
-              class="icon icon-common icon-save"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x59"></span>Scaleable</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x59;"&gt;&lt;/i&gt;</td>
-            <td>&#x59</td>
-            <td>
-              class="icon icon-common icon-scaleable"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x6a"></span>Search document</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x6a;"&gt;&lt;/i&gt;</td>
-            <td>&#x6a</td>
-            <td>
-              class="icon icon-common icon-search-document"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xe"></span>Search</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xe;"&gt;&lt;/i&gt;</td>
-            <td>&#xe</td>
-            <td>
-              class="icon icon-common icon-search"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x6e"></span>Send</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x6e;"&gt;&lt;/i&gt;</td>
-            <td>&#x6e</td>
-            <td>
-              class="icon icon-common icon-send"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x73"></span>Settings</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x73;"&gt;&lt;/i&gt;</td>
-            <td>&#x73</td>
-            <td>
-              class="icon icon-common icon-settings"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x14d"></span>Share</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x14d;"&gt;&lt;/i&gt;</td>
-            <td>&#x14d</td>
-            <td>
-              class="icon icon-common icon-share"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x28d"></span>Stop</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x28d;"&gt;&lt;/i&gt;</td>
-            <td>&#x28d</td>
-            <td>
-              class="icon icon-common icon-stop"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x5f"></span>Submit</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x5f;"&gt;&lt;/i&gt;</td>
-            <td>&#x5f</td>
-            <td>
-              class="icon icon-common icon-submit"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x54"></span>Target</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x54;"&gt;&lt;/i&gt;</td>
-            <td>&#x54</td>
-            <td>
-              class="icon icon-common icon-target"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x74"></span>Tool</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x74;"&gt;&lt;/i&gt;</td>
-            <td>&#x74</td>
-            <td>
-              class="icon icon-common icon-tool"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2a"></span>Unassigned job</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2a;"&gt;&lt;/i&gt;</td>
-            <td>&#x2a</td>
-            <td>
-              class="icon icon-common icon-unassigned-job"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2ea"></span>Undo</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2ea;"&gt;&lt;/i&gt;</td>
-            <td>&#x2ea</td>
-            <td>
-              class="icon icon-common icon-undo"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x13e"></span>Unlock</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x13e;"&gt;&lt;/i&gt;</td>
-            <td>&#x13e</td>
-            <td>
-              class="icon icon-common icon-unlock"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2b06"></span>Up page</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2b06;"&gt;&lt;/i&gt;</td>
-            <td>&#x2b06</td>
-            <td>
-              class="icon icon-common icon-up-page"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x34"></span>View</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x34;"&gt;&lt;/i&gt;</td>
-            <td>&#x34</td>
-            <td>
-              class="icon icon-common icon-view"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x33"></span>Zoom in</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x33;"&gt;&lt;/i&gt;</td>
-            <td>&#x33</td>
-            <td>
-              class="icon icon-common icon-zoom-in"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x32"></span>Zoom out</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x32;"&gt;&lt;/i&gt;</td>
-            <td>&#x32</td>
-            <td>
-              class="icon icon-common icon-zoom-out"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f3e8"></span>Accommodation</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f3e8;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f3e8</td>
-            <td>
-              class="icon icon-common icon-accommodation"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f6a8"></span>Alert</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f6a8;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f6a8</td>
-            <td>
-              class="icon icon-common icon-alert"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f393"></span>Alumni</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f393;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f393</td>
-            <td>
-              class="icon icon-common icon-alumni"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f4dc"></span>Announcement</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f4dc;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f4dc</td>
-            <td>
-              class="icon icon-common icon-announcement"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f6d2"></span>Basket</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f6d2;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f6d2</td>
-            <td>
-              class="icon icon-common icon-basket"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f606"></span>Beta</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f606;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f606</td>
-            <td>
-              class="icon icon-common icon-beta"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f6b4"></span>Bike</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f6b4;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f6b4</td>
-            <td>
-              class="icon icon-common icon-bike"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f48a"></span>Biotech</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f48a;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f48a</td>
-            <td>
-              class="icon icon-common icon-biotech"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f68c"></span>Bus</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f68c;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f68c</td>
-            <td>
-              class="icon icon-common icon-bus"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x273"></span>Calendar</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x273;"&gt;&lt;/i&gt;</td>
-            <td>&#x273</td>
-            <td>
-              class="icon icon-common icon-calendar"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x21"></span>Camera</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x21;"&gt;&lt;/i&gt;</td>
-            <td>&#x21</td>
-            <td>
-              class="icon icon-common icon-camera"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f697"></span>Car</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f697;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f697</td>
-            <td>
-              class="icon icon-common icon-car"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f3d9"></span>Careers</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f3d9;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f3d9</td>
-            <td>
-              class="icon icon-common icon-careers"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f5c2"></span>Classification</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f5c2;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f5c2</td>
-            <td>
-              class="icon icon-common icon-classification"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x17"></span>Clock</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x17;"&gt;&lt;/i&gt;</td>
-            <td>&#x17</td>
-            <td>
-              class="icon icon-common icon-clock"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x260e"></span>Contact</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x260e;"&gt;&lt;/i&gt;</td>
-            <td>&#x260e</td>
-            <td>
-              class="icon icon-common icon-contact"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f4cd"></span>Crosslink</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f4cd;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f4cd</td>
-            <td>
-              class="icon icon-common icon-crosslink"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1c0"></span>Database</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1c0;"&gt;&lt;/i&gt;</td>
-            <td>&#x1c0</td>
-            <td>
-              class="icon icon-common icon-database"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f4ac"></span>Discuss</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f4ac;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f4ac</td>
-            <td>
-              class="icon icon-common icon-discuss"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x3b"></span>Documentation</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x3b;"&gt;&lt;/i&gt;</td>
-            <td>&#x3b</td>
-            <td>
-              class="icon icon-common icon-documentation"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2695"></span>Drug</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2695;"&gt;&lt;/i&gt;</td>
-            <td>&#x2695</td>
-            <td>
-              class="icon icon-common icon-drug"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x25"></span>Elixir</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x25;"&gt;&lt;/i&gt;</td>
-            <td>&#x25</td>
-            <td>
-              class="icon icon-common icon-elixir"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f4e7"></span>Email</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f4e7;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f4e7</td>
-            <td>
-              class="icon icon-common icon-email"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x26"></span>Embl</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x26;"&gt;&lt;/i&gt;</td>
-            <td>&#x26</td>
-            <td>
-              class="icon icon-common icon-embl"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f6aa"></span>External link</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f6aa;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f6aa</td>
-            <td>
-              class="icon icon-common icon-external-link"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x79"></span>External systems</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x79;"&gt;&lt;/i&gt;</td>
-            <td>&#x79</td>
-            <td>
-              class="icon icon-common icon-external-systems"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f46f"></span>Face to face</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f46f;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f46f</td>
-            <td>
-              class="icon icon-common icon-face-to-face"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f9ed"></span>Find us</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f9ed;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f9ed</td>
-            <td>
-              class="icon icon-common icon-find-us"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f4b6"></span>Funding</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f4b6;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f4b6</td>
-            <td>
-              class="icon icon-common icon-funding"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x67"></span>Graph</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x67;"&gt;&lt;/i&gt;</td>
-            <td>&#x67</td>
-            <td>
-              class="icon icon-common icon-graph"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f46a"></span>Group</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f46a;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f46a</td>
-            <td>
-              class="icon icon-common icon-group"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x47"></span>Gtls</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x47;"&gt;&lt;/i&gt;</td>
-            <td>&#x47</td>
-            <td>
-              class="icon icon-common icon-gtls"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f912"></span>Health</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f912;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f912</td>
-            <td>
-              class="icon icon-common icon-health"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x3f"></span>Help</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x3f;"&gt;&lt;/i&gt;</td>
-            <td>&#x3f</td>
-            <td>
-              class="icon icon-common icon-help"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x15"></span>Home</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x15;"&gt;&lt;/i&gt;</td>
-            <td>&#x15</td>
-            <td>
-              class="icon icon-common icon-home"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x275"></span>Industry</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x275;"&gt;&lt;/i&gt;</td>
-            <td>&#x275</td>
-            <td>
-              class="icon icon-common icon-industry"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x2139"></span>Info</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x2139;"&gt;&lt;/i&gt;</td>
-            <td>&#x2139</td>
-            <td>
-              class="icon icon-common icon-info"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#xc1"></span>Link</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#xc1;"&gt;&lt;/i&gt;</td>
-            <td>&#xc1</td>
-            <td>
-              class="icon icon-common icon-link"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f5fa"></span>Location</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f5fa;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f5fa</td>
-            <td>
-              class="icon icon-common icon-location"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f91f"></span>Lovedata</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f91f;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f91f</td>
-            <td>
-              class="icon icon-common icon-lovedata"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f3e4"></span>Mailing list</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f3e4;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f3e4</td>
-            <td>
-              class="icon icon-common icon-mailing-list"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f523"></span>Math</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f523;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f523</td>
-            <td>
-              class="icon icon-common icon-math"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f46c"></span>Meet us</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f46c;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f46c</td>
-            <td>
-              class="icon icon-common icon-meet-us"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f4f1"></span>Mobile device</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f4f1;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f4f1</td>
-            <td>
-              class="icon icon-common icon-mobile-device"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f195"></span>New</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f195;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f195</td>
-            <td>
-              class="icon icon-common icon-new"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f68d"></span>Newcomers</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f68d;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f68d</td>
-            <td>
-              class="icon icon-common icon-newcomers"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x4e"></span>News</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x4e;"&gt;&lt;/i&gt;</td>
-            <td>&#x4e</td>
-            <td>
-              class="icon icon-common icon-news"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x22"></span>Nutraceuticals</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x22;"&gt;&lt;/i&gt;</td>
-            <td>&#x22</td>
-            <td>
-              class="icon icon-common icon-nutraceuticals"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f44b"></span>Open day</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f44b;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f44b</td>
-            <td>
-              class="icon icon-common icon-open-day"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x70"></span>Piechart</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x70;"&gt;&lt;/i&gt;</td>
-            <td>&#x70</td>
-            <td>
-              class="icon icon-common icon-piechart"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x72"></span>Plane</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x72;"&gt;&lt;/i&gt;</td>
-            <td>&#x72</td>
-            <td>
-              class="icon icon-common icon-plane"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f4da"></span>Publication</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f4da;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f4da</td>
-            <td>
-              class="icon icon-common icon-publication"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f52c"></span>Research</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f52c;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f52c</td>
-            <td>
-              class="icon icon-common icon-research"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f340"></span>Resource</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f340;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f340</td>
-            <td>
-              class="icon icon-common icon-resource"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x71"></span>Reviewed data</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x71;"&gt;&lt;/i&gt;</td>
-            <td>&#x71</td>
-            <td>
-              class="icon icon-common icon-reviewed-data"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f527"></span>Services</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f527;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f527</td>
-            <td>
-              class="icon icon-common icon-services"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x23"></span>Steps</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x23;"&gt;&lt;/i&gt;</td>
-            <td>&#x23</td>
-            <td>
-              class="icon icon-common icon-steps"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f9b8"></span>Support</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f9b8;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f9b8</td>
-            <td>
-              class="icon icon-common icon-support"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f50c"></span>Systems</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f50c;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f50c</td>
-            <td>
-              class="icon icon-common icon-systems"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x27"></span>Terms</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x27;"&gt;&lt;/i&gt;</td>
-            <td>&#x27</td>
-            <td>
-              class="icon icon-common icon-terms"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f97d"></span>Test</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f97d;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f97d</td>
-            <td>
-              class="icon icon-common icon-test"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x58"></span>Text mining</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x58;"&gt;&lt;/i&gt;</td>
-            <td>&#x58</td>
-            <td>
-              class="icon icon-common icon-text-mining"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x3a"></span>Toolkit</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x3a;"&gt;&lt;/i&gt;</td>
-            <td>&#x3a</td>
-            <td>
-              class="icon icon-common icon-toolkit"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x238"></span>Train</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x238;"&gt;&lt;/i&gt;</td>
-            <td>&#x238</td>
-            <td>
-              class="icon icon-common icon-train"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f3eb"></span>Training</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f3eb;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f3eb</td>
-            <td>
-              class="icon icon-common icon-training"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f4dd"></span>Tutorial</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f4dd;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f4dd</td>
-            <td>
-              class="icon icon-common icon-tutorial"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x51"></span>Unreviewed data</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x51;"&gt;&lt;/i&gt;</td>
-            <td>&#x51</td>
-            <td>
-              class="icon icon-common icon-unreviewed-data"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x3d"></span>Video</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x3d;"&gt;&lt;/i&gt;</td>
-            <td>&#x3d</td>
-            <td>
-              class="icon icon-common icon-video"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f6b6"></span>Walk</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f6b6;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f6b6</td>
-            <td>
-              class="icon icon-common icon-walk"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f916"></span>Android</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f916;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f916</td>
-            <td>
-              class="icon icon-common icon-android"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f34f"></span>Apple</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f34f;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f34f</td>
-            <td>
-              class="icon icon-common icon-apple"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f524"></span>Blogger</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f524;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f524</td>
-            <td>
-              class="icon icon-common icon-blogger"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f4d8"></span>Facebook</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f4d8;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f4d8</td>
-            <td>
-              class="icon icon-common icon-facebook"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f4f7"></span>Flickr</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f4f7;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f4f7</td>
-            <td>
-              class="icon icon-common icon-flickr"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f9ee"></span>Github</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f9ee;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f9ee</td>
-            <td>
-              class="icon icon-common icon-github"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f4d5"></span>Googleplus</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f4d5;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f4d5</td>
-            <td>
-              class="icon icon-common icon-googleplus"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f4c7"></span>Linkedin</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f4c7;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f4c7</td>
-            <td>
-              class="icon icon-common icon-linkedin"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f193"></span>Linux</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f193;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f193</td>
-            <td>
-              class="icon icon-common icon-linux"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f4c3"></span>Orcid</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f4c3;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f4c3</td>
-            <td>
-              class="icon icon-common icon-orcid"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x143"></span>Rss</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x143;"&gt;&lt;/i&gt;</td>
-            <td>&#x143</td>
-            <td>
-              class="icon icon-common icon-rss"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f4f3"></span>Skype</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f4f3;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f4f3</td>
-            <td>
-              class="icon icon-common icon-skype"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f3a4"></span>Slideshare</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f3a4;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f3a4</td>
-            <td>
-              class="icon icon-common icon-slideshare"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f426"></span>Twitter</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f426;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f426</td>
-            <td>
-              class="icon icon-common icon-twitter"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f39e"></span>Vimeo</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f39e;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f39e</td>
-            <td>
-              class="icon icon-common icon-vimeo"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f472"></span>Weibo</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f472;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f472</td>
-            <td>
-              class="icon icon-common icon-weibo"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f3e2"></span>Windows</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f3e2;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f3e2</td>
-            <td>
-              class="icon icon-common icon-windows"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f4d3"></span>Wordpress</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f4d3;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f4d3</td>
-            <td>
-              class="icon icon-common icon-wordpress"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-common icon-spacer" data-icon="&#x1f4fd"></span>Youtube</td>
-            <td>&lt;i class="icon icon-common" data-icon="&amp;#x1f4fd;"&gt;&lt;/i&gt;</td>
-            <td>&#x1f4fd</td>
-            <td>
-              class="icon icon-common icon-youtube"
-            </td>
-          </tr>
-        
-      </tbody>
-    </table>
-
-    <!-- This will be embeded into a master preview at http://www.ebi.ac.uk/style-lab/ -->
-    <table class="responsive-table">
-      <thead>
-        <tr>
-          <th class="small-4" id="EBI-Chemistry" data-magellan-target="EBI-Chemistry">EBI-Chemistry </th>
-          <th class="small-5 kbd small">HTML with hex</th>
-          <th class="show-for-medium kbd small">Letter</th>
-          <th class="show-for-medium kbd small">Class</th>
-        </tr>
-      </thead>
-      <tbody>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-chemistry icon-spacer" data-icon="&#x6c"></span>Direction left</td>
-            <td>&lt;i class="icon icon-chemistry" data-icon="&amp;#x6c;"&gt;&lt;/i&gt;</td>
-            <td>&#x6c</td>
-            <td>
-              class="icon icon-chemistry icon-direction_left"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-chemistry icon-spacer" data-icon="&#x52"></span>Direction reversible</td>
-            <td>&lt;i class="icon icon-chemistry" data-icon="&amp;#x52;"&gt;&lt;/i&gt;</td>
-            <td>&#x52</td>
-            <td>
-              class="icon icon-chemistry icon-direction_reversible"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-chemistry icon-spacer" data-icon="&#x72"></span>Direction right</td>
-            <td>&lt;i class="icon icon-chemistry" data-icon="&amp;#x72;"&gt;&lt;/i&gt;</td>
-            <td>&#x72</td>
-            <td>
-              class="icon icon-chemistry icon-direction_right"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-chemistry icon-spacer" data-icon="&#x55"></span>Direction unknown</td>
-            <td>&lt;i class="icon icon-chemistry" data-icon="&amp;#x55;"&gt;&lt;/i&gt;</td>
-            <td>&#x55</td>
-            <td>
-              class="icon icon-chemistry icon-direction_unknown"
-            </td>
-          </tr>
-        
-      </tbody>
-    </table>
-
-    <!-- This will be embeded into a master preview at http://www.ebi.ac.uk/style-lab/ -->
-    <table class="responsive-table">
-      <thead>
-        <tr>
-          <th class="small-4" id="EBI-Conceptual" data-magellan-target="EBI-Conceptual">EBI-Conceptual </th>
-          <th class="small-5 kbd small">HTML with hex</th>
-          <th class="show-for-medium kbd small">Letter</th>
-          <th class="show-for-medium kbd small">Class</th>
-        </tr>
-      </thead>
-      <tbody>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-conceptual icon-spacer" data-icon="&#x62"></span>Chemical</td>
-            <td>&lt;i class="icon icon-conceptual" data-icon="&amp;#x62;"&gt;&lt;/i&gt;</td>
-            <td>&#x62</td>
-            <td>
-              class="icon icon-conceptual icon-chemical"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-conceptual icon-spacer" data-icon="&#x63"></span>Cross domain</td>
-            <td>&lt;i class="icon icon-conceptual" data-icon="&amp;#x63;"&gt;&lt;/i&gt;</td>
-            <td>&#x63</td>
-            <td>
-              class="icon icon-conceptual icon-cross-domain"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-conceptual icon-spacer" data-icon="&#x64"></span>Dna</td>
-            <td>&lt;i class="icon icon-conceptual" data-icon="&amp;#x64;"&gt;&lt;/i&gt;</td>
-            <td>&#x64</td>
-            <td>
-              class="icon icon-conceptual icon-dna"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-conceptual icon-spacer" data-icon="&#x67"></span>Expression</td>
-            <td>&lt;i class="icon icon-conceptual" data-icon="&amp;#x67;"&gt;&lt;/i&gt;</td>
-            <td>&#x67</td>
-            <td>
-              class="icon icon-conceptual icon-expression"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-conceptual icon-spacer" data-icon="&#x6c"></span>Literature</td>
-            <td>&lt;i class="icon icon-conceptual" data-icon="&amp;#x6c;"&gt;&lt;/i&gt;</td>
-            <td>&#x6c</td>
-            <td>
-              class="icon icon-conceptual icon-literature"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-conceptual icon-spacer" data-icon="&#x6f"></span>Ontology</td>
-            <td>&lt;i class="icon icon-conceptual" data-icon="&amp;#x6f;"&gt;&lt;/i&gt;</td>
-            <td>&#x6f</td>
-            <td>
-              class="icon icon-conceptual icon-ontology"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-conceptual icon-spacer" data-icon="&#x50"></span>Proteins</td>
-            <td>&lt;i class="icon icon-conceptual" data-icon="&amp;#x50;"&gt;&lt;/i&gt;</td>
-            <td>&#x50</td>
-            <td>
-              class="icon icon-conceptual icon-proteins"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-conceptual icon-spacer" data-icon="&#x73"></span>Structures</td>
-            <td>&lt;i class="icon icon-conceptual" data-icon="&amp;#x73;"&gt;&lt;/i&gt;</td>
-            <td>&#x73</td>
-            <td>
-              class="icon icon-conceptual icon-structures"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-conceptual icon-spacer" data-icon="&#x79"></span>Systems</td>
-            <td>&lt;i class="icon icon-conceptual" data-icon="&amp;#x79;"&gt;&lt;/i&gt;</td>
-            <td>&#x79</td>
-            <td>
-              class="icon icon-conceptual icon-systems"
-            </td>
-          </tr>
-        
-      </tbody>
-    </table>
-
-    <!-- This will be embeded into a master preview at http://www.ebi.ac.uk/style-lab/ -->
-    <table class="responsive-table">
-      <thead>
-        <tr>
-          <th class="small-4" id="EBI-FileFormats" data-magellan-target="EBI-FileFormats">EBI-FileFormats </th>
-          <th class="small-5 kbd small">HTML with hex</th>
-          <th class="show-for-medium kbd small">Letter</th>
-          <th class="show-for-medium kbd small">Class</th>
-        </tr>
-      </thead>
-      <tbody>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x41"></span>Agp</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x41;"&gt;&lt;/i&gt;</td>
-            <td>&#x41</td>
-            <td>
-              class="icon icon-fileformats icon-AGP"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x42"></span>Bam</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x42;"&gt;&lt;/i&gt;</td>
-            <td>&#x42</td>
-            <td>
-              class="icon icon-fileformats icon-BAM"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x43"></span>Cml</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x43;"&gt;&lt;/i&gt;</td>
-            <td>&#x43</td>
-            <td>
-              class="icon icon-fileformats icon-CML"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x52"></span>Cram</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x52;"&gt;&lt;/i&gt;</td>
-            <td>&#x52</td>
-            <td>
-              class="icon icon-fileformats icon-CRAM"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x63"></span>Csv</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x63;"&gt;&lt;/i&gt;</td>
-            <td>&#x63</td>
-            <td>
-              class="icon icon-fileformats icon-CSV"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x64"></span>Doc</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x64;"&gt;&lt;/i&gt;</td>
-            <td>&#x64</td>
-            <td>
-              class="icon icon-fileformats icon-DOC"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x61"></span>Fasta</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x61;"&gt;&lt;/i&gt;</td>
-            <td>&#x61</td>
-            <td>
-              class="icon icon-fileformats icon-FASTA"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x66"></span>Fastq</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x66;"&gt;&lt;/i&gt;</td>
-            <td>&#x66</td>
-            <td>
-              class="icon icon-fileformats icon-FASTQ"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x46"></span>Flat</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x46;"&gt;&lt;/i&gt;</td>
-            <td>&#x46</td>
-            <td>
-              class="icon icon-fileformats icon-FLAT"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x47"></span>Gff</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x47;"&gt;&lt;/i&gt;</td>
-            <td>&#x47</td>
-            <td>
-              class="icon icon-fileformats icon-GFF"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x49"></span>Img</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x49;"&gt;&lt;/i&gt;</td>
-            <td>&#x49</td>
-            <td>
-              class="icon icon-fileformats icon-IMG"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x4a"></span>Json</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x4a;"&gt;&lt;/i&gt;</td>
-            <td>&#x4a</td>
-            <td>
-              class="icon icon-fileformats icon-JSON"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x4d"></span>Mdl</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x4d;"&gt;&lt;/i&gt;</td>
-            <td>&#x4d</td>
-            <td>
-              class="icon icon-fileformats icon-MDL"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x4f"></span>Obo</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x4f;"&gt;&lt;/i&gt;</td>
-            <td>&#x4f</td>
-            <td>
-              class="icon icon-fileformats icon-OBO"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x6f"></span>Owl</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x6f;"&gt;&lt;/i&gt;</td>
-            <td>&#x6f</td>
-            <td>
-              class="icon icon-fileformats icon-OWL"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x70"></span>Pdf</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x70;"&gt;&lt;/i&gt;</td>
-            <td>&#x70</td>
-            <td>
-              class="icon icon-fileformats icon-PDF"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x33"></span>Postscript</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x33;"&gt;&lt;/i&gt;</td>
-            <td>&#x33</td>
-            <td>
-              class="icon icon-fileformats icon-Postscript"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#xf101"></span>Psi mi json</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#xf101;"&gt;&lt;/i&gt;</td>
-            <td>&#xf101</td>
-            <td>
-              class="icon icon-fileformats icon-PSI-MI_JSON"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x32"></span>Psi mi tab</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x32;"&gt;&lt;/i&gt;</td>
-            <td>&#x32</td>
-            <td>
-              class="icon icon-fileformats icon-PSI-MI_TAB"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x31"></span>Psi mi xml</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x31;"&gt;&lt;/i&gt;</td>
-            <td>&#x31</td>
-            <td>
-              class="icon icon-fileformats icon-PSI-MI_XML"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x72"></span>Rd</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x72;"&gt;&lt;/i&gt;</td>
-            <td>&#x72</td>
-            <td>
-              class="icon icon-fileformats icon-RD"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x44"></span>Rdf xml</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x44;"&gt;&lt;/i&gt;</td>
-            <td>&#x44</td>
-            <td>
-              class="icon icon-fileformats icon-RDF_XML"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x58"></span>Rxn</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x58;"&gt;&lt;/i&gt;</td>
-            <td>&#x58</td>
-            <td>
-              class="icon icon-fileformats icon-RXN"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x73"></span>Sdf</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x73;"&gt;&lt;/i&gt;</td>
-            <td>&#x73</td>
-            <td>
-              class="icon icon-fileformats icon-SDF"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x76"></span>Tsv</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x76;"&gt;&lt;/i&gt;</td>
-            <td>&#x76</td>
-            <td>
-              class="icon icon-fileformats icon-TSV"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x74"></span>Txt</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x74;"&gt;&lt;/i&gt;</td>
-            <td>&#x74</td>
-            <td>
-              class="icon icon-fileformats icon-TXT"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x78"></span>Xml</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x78;"&gt;&lt;/i&gt;</td>
-            <td>&#x78</td>
-            <td>
-              class="icon icon-fileformats icon-XML"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-fileformats icon-spacer" data-icon="&#x5a"></span>Zip</td>
-            <td>&lt;i class="icon icon-fileformats" data-icon="&amp;#x5a;"&gt;&lt;/i&gt;</td>
-            <td>&#x5a</td>
-            <td>
-              class="icon icon-fileformats icon-ZIP"
-            </td>
-          </tr>
-        
-      </tbody>
-    </table>
-
-    <!-- This will be embeded into a master preview at http://www.ebi.ac.uk/style-lab/ -->
-    <table class="responsive-table">
-      <thead>
-        <tr>
-          <th class="small-4" id="EBI-Species" data-magellan-target="EBI-Species">EBI-Species </th>
-          <th class="small-5 kbd small">HTML with hex</th>
-          <th class="show-for-medium kbd small">Letter</th>
-          <th class="show-for-medium kbd small">Class</th>
-        </tr>
-      </thead>
-      <tbody>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x61"></span>Alpaca</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x61;"&gt;&lt;/i&gt;</td>
-            <td>&#x61</td>
-            <td>
-              class="icon icon-species icon-alpaca"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x30"></span>Amoeba</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x30;"&gt;&lt;/i&gt;</td>
-            <td>&#x30</td>
-            <td>
-              class="icon icon-species icon-amoeba"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x37"></span>Anolis</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x37;"&gt;&lt;/i&gt;</td>
-            <td>&#x37</td>
-            <td>
-              class="icon icon-species icon-anolis"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x6c"></span>Armadillo</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x6c;"&gt;&lt;/i&gt;</td>
-            <td>&#x6c</td>
-            <td>
-              class="icon icon-species icon-armadillo"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#xa3"></span>Aspergillus</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#xa3;"&gt;&lt;/i&gt;</td>
-            <td>&#xa3</td>
-            <td>
-              class="icon icon-species icon-aspergillus"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x35"></span>Barley</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x35;"&gt;&lt;/i&gt;</td>
-            <td>&#x35</td>
-            <td>
-              class="icon icon-species icon-barley"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x28"></span>Bat</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x28;"&gt;&lt;/i&gt;</td>
-            <td>&#x28</td>
-            <td>
-              class="icon icon-species icon-bat"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x24"></span>Bee</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x24;"&gt;&lt;/i&gt;</td>
-            <td>&#x24</td>
-            <td>
-              class="icon icon-species icon-bee"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x25"></span>Brachypodium</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x25;"&gt;&lt;/i&gt;</td>
-            <td>&#x25</td>
-            <td>
-              class="icon icon-species icon-brachypodium"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x42"></span>Brassica</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x42;"&gt;&lt;/i&gt;</td>
-            <td>&#x42</td>
-            <td>
-              class="icon icon-species icon-brassica"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x62"></span>Bug</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x62;"&gt;&lt;/i&gt;</td>
-            <td>&#x62</td>
-            <td>
-              class="icon icon-species icon-bug"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x57"></span>C elegans</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x57;"&gt;&lt;/i&gt;</td>
-            <td>&#x57</td>
-            <td>
-              class="icon icon-species icon-c-elegans"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x41"></span>Cat</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x41;"&gt;&lt;/i&gt;</td>
-            <td>&#x41</td>
-            <td>
-              class="icon icon-species icon-cat"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x6b"></span>Chicken</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x6b;"&gt;&lt;/i&gt;</td>
-            <td>&#x6b</td>
-            <td>
-              class="icon icon-species icon-chicken"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x69"></span>Chimpanzee</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x69;"&gt;&lt;/i&gt;</td>
-            <td>&#x69</td>
-            <td>
-              class="icon icon-species icon-chimpanzee"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x63"></span>Corn</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x63;"&gt;&lt;/i&gt;</td>
-            <td>&#x63</td>
-            <td>
-              class="icon icon-species icon-corn"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x43"></span>Cow</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x43;"&gt;&lt;/i&gt;</td>
-            <td>&#x43</td>
-            <td>
-              class="icon icon-species icon-cow"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x32"></span>Diatom</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x32;"&gt;&lt;/i&gt;</td>
-            <td>&#x32</td>
-            <td>
-              class="icon icon-species icon-diatom"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x64"></span>Dog</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x64;"&gt;&lt;/i&gt;</td>
-            <td>&#x64</td>
-            <td>
-              class="icon icon-species icon-dog"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x44"></span>Dolphin</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x44;"&gt;&lt;/i&gt;</td>
-            <td>&#x44</td>
-            <td>
-              class="icon icon-species icon-dolphin"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x4c"></span>Ecoli</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x4c;"&gt;&lt;/i&gt;</td>
-            <td>&#x4c</td>
-            <td>
-              class="icon icon-species icon-ecoli"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x65"></span>Elephant</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x65;"&gt;&lt;/i&gt;</td>
-            <td>&#x65</td>
-            <td>
-              class="icon icon-species icon-elephant"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x21"></span>Ferret</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x21;"&gt;&lt;/i&gt;</td>
-            <td>&#x21</td>
-            <td>
-              class="icon icon-species icon-ferret"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x6e"></span>Finch</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x6e;"&gt;&lt;/i&gt;</td>
-            <td>&#x6e</td>
-            <td>
-              class="icon icon-species icon-finch"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x46"></span>Fly</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x46;"&gt;&lt;/i&gt;</td>
-            <td>&#x46</td>
-            <td>
-              class="icon icon-species icon-fly"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x66"></span>Frog</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x66;"&gt;&lt;/i&gt;</td>
-            <td>&#x66</td>
-            <td>
-              class="icon icon-species icon-frog"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x75"></span>Fungus</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x75;"&gt;&lt;/i&gt;</td>
-            <td>&#x75</td>
-            <td>
-              class="icon icon-species icon-fungus"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x5e"></span>Glycinemax</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x5e;"&gt;&lt;/i&gt;</td>
-            <td>&#x5e</td>
-            <td>
-              class="icon icon-species icon-glycinemax"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x6d"></span>Goat</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x6d;"&gt;&lt;/i&gt;</td>
-            <td>&#x6d</td>
-            <td>
-              class="icon icon-species icon-goat"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x47"></span>Gorilla</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x47;"&gt;&lt;/i&gt;</td>
-            <td>&#x47</td>
-            <td>
-              class="icon icon-species icon-gorilla"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x4f"></span>Grapes</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x4f;"&gt;&lt;/i&gt;</td>
-            <td>&#x4f</td>
-            <td>
-              class="icon icon-species icon-grapes"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x67"></span>Guinea pig</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x67;"&gt;&lt;/i&gt;</td>
-            <td>&#x67</td>
-            <td>
-              class="icon icon-species icon-guinea-pig"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x6f"></span>Hedgehog</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x6f;"&gt;&lt;/i&gt;</td>
-            <td>&#x6f</td>
-            <td>
-              class="icon icon-species icon-hedgehog"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x68"></span>Horse</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x68;"&gt;&lt;/i&gt;</td>
-            <td>&#x68</td>
-            <td>
-              class="icon icon-species icon-horse"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x48"></span>Human</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x48;"&gt;&lt;/i&gt;</td>
-            <td>&#x48</td>
-            <td>
-              class="icon icon-species icon-human"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x33"></span>Kangaroo rat</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x33;"&gt;&lt;/i&gt;</td>
-            <td>&#x33</td>
-            <td>
-              class="icon icon-species icon-kangaroo-rat"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x34"></span>Louse</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x34;"&gt;&lt;/i&gt;</td>
-            <td>&#x34</td>
-            <td>
-              class="icon icon-species icon-louse"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x72"></span>Monkey</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x72;"&gt;&lt;/i&gt;</td>
-            <td>&#x72</td>
-            <td>
-              class="icon icon-species icon-monkey"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x39"></span>Monodelphis</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x39;"&gt;&lt;/i&gt;</td>
-            <td>&#x39</td>
-            <td>
-              class="icon icon-species icon-monodelphis"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x31"></span>Mosquito</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x31;"&gt;&lt;/i&gt;</td>
-            <td>&#x31</td>
-            <td>
-              class="icon icon-species icon-mosquito"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x4e"></span>Mouse lemur</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x4e;"&gt;&lt;/i&gt;</td>
-            <td>&#x4e</td>
-            <td>
-              class="icon icon-species icon-mouse-lemur"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x4d"></span>Mouse</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x4d;"&gt;&lt;/i&gt;</td>
-            <td>&#x4d</td>
-            <td>
-              class="icon icon-species icon-mouse"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x2a"></span>Orangutan</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x2a;"&gt;&lt;/i&gt;</td>
-            <td>&#x2a</td>
-            <td>
-              class="icon icon-species icon-orangutan"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x38"></span>Papio</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x38;"&gt;&lt;/i&gt;</td>
-            <td>&#x38</td>
-            <td>
-              class="icon icon-species icon-papio"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x70"></span>Pig</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x70;"&gt;&lt;/i&gt;</td>
-            <td>&#x70</td>
-            <td>
-              class="icon icon-species icon-pig"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x50"></span>Plant</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x50;"&gt;&lt;/i&gt;</td>
-            <td>&#x50</td>
-            <td>
-              class="icon icon-species icon-plant"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x40"></span>Plasmodium</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x40;"&gt;&lt;/i&gt;</td>
-            <td>&#x40</td>
-            <td>
-              class="icon icon-species icon-plasmodium"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x55"></span>Platypus</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x55;"&gt;&lt;/i&gt;</td>
-            <td>&#x55</td>
-            <td>
-              class="icon icon-species icon-platypus"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x45"></span>Pufferfish</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x45;"&gt;&lt;/i&gt;</td>
-            <td>&#x45</td>
-            <td>
-              class="icon icon-species icon-pufferfish"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x74"></span>Rabbit</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x74;"&gt;&lt;/i&gt;</td>
-            <td>&#x74</td>
-            <td>
-              class="icon icon-species icon-rabbit"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x52"></span>Rat</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x52;"&gt;&lt;/i&gt;</td>
-            <td>&#x52</td>
-            <td>
-              class="icon icon-species icon-rat"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x2b"></span>Ray</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x2b;"&gt;&lt;/i&gt;</td>
-            <td>&#x2b</td>
-            <td>
-              class="icon icon-species icon-ray"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x36"></span>Rice</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x36;"&gt;&lt;/i&gt;</td>
-            <td>&#x36</td>
-            <td>
-              class="icon icon-species icon-rice"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x73"></span>Scorpion</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x73;"&gt;&lt;/i&gt;</td>
-            <td>&#x73</td>
-            <td>
-              class="icon icon-species icon-scorpion"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x78"></span>Sheep</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x78;"&gt;&lt;/i&gt;</td>
-            <td>&#x78</td>
-            <td>
-              class="icon icon-species icon-sheep"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x51"></span>Shrew</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x51;"&gt;&lt;/i&gt;</td>
-            <td>&#x51</td>
-            <td>
-              class="icon icon-species icon-shrew"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x27"></span>Snail</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x27;"&gt;&lt;/i&gt;</td>
-            <td>&#x27</td>
-            <td>
-              class="icon icon-species icon-snail"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x53"></span>Spider</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x53;"&gt;&lt;/i&gt;</td>
-            <td>&#x53</td>
-            <td>
-              class="icon icon-species icon-spider"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x49"></span>Squirrel</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x49;"&gt;&lt;/i&gt;</td>
-            <td>&#x49</td>
-            <td>
-              class="icon icon-species icon-squirrel"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x26"></span>Tick</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x26;"&gt;&lt;/i&gt;</td>
-            <td>&#x26</td>
-            <td>
-              class="icon icon-species icon-tick"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x29"></span>Tomatoes</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x29;"&gt;&lt;/i&gt;</td>
-            <td>&#x29</td>
-            <td>
-              class="icon icon-species icon-tomatoes"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x76"></span>Virus</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x76;"&gt;&lt;/i&gt;</td>
-            <td>&#x76</td>
-            <td>
-              class="icon icon-species icon-virus"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x77"></span>Wallaby</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x77;"&gt;&lt;/i&gt;</td>
-            <td>&#x77</td>
-            <td>
-              class="icon icon-species icon-wallaby"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x59"></span>Yeast</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x59;"&gt;&lt;/i&gt;</td>
-            <td>&#x59</td>
-            <td>
-              class="icon icon-species icon-yeast"
-            </td>
-          </tr>
-        
-          
-          <tr>
-            
-            
-            <td><span class="lead icon icon-species icon-spacer" data-icon="&#x5a"></span>Zebrafish</td>
-            <td>&lt;i class="icon icon-species" data-icon="&amp;#x5a;"&gt;&lt;/i&gt;</td>
-            <td>&#x5a</td>
-            <td>
-              class="icon icon-species icon-zebrafish"
-            </td>
-          </tr>
-        
-      </tbody>
-    </table>
+  <div id="icon-font-rows" class=" medium-up-3">
+  <!-- This will be embeded into a master preview at http://www.ebi.ac.uk/style-lab/ -->
+  <h3 class="clear padding-top-xlarge row padding-left-xlarge" id="EBI-Common" data-magellan-target="EBI-Common">EBI-Common </h3>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2b9"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2b9"></span>Address book
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2b9;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-address-book"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2b9</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2bb"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2bb"></span>Address card
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2bb;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-address-card"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2bb</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf101"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf101"></span>Adjust
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf101;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-adjust"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf101</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf102"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf102"></span>Align center
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf102;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-align-center"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf102</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf103"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf103"></span>Align justify
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf103;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-align-justify"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf103</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf104"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf104"></span>Align left
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf104;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-align-left"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf104</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf105"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf105"></span>Align right
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf105;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-align-right"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf105</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf9"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf9"></span>Ambulance
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf9;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-ambulance"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf9</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2a3"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2a3"></span>American sign language interpreting
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2a3;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-american-sign-language-interpreting"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2a3</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x13d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x13d"></span>Anchor
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x13d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-anchor"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x13d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x103"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x103"></span>Angle double down
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x103;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-angle-double-down"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x103</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x100"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x100"></span>Angle double left
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x100;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-angle-double-left"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x100</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x101"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x101"></span>Angle double right
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x101;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-angle-double-right"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x101</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x102"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x102"></span>Angle double up
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x102;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-angle-double-up"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x102</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x107"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x107"></span>Angle down
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x107;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-angle-down"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x107</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x104"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x104"></span>Angle left
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x104;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-angle-left"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x104</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x105"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x105"></span>Angle right
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x105;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-angle-right"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x105</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x106"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x106"></span>Angle up
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x106;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-angle-up"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x106</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x187"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x187"></span>Archive
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x187;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-archive"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x187</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x358"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x358"></span>Arrow alt circle down
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x358;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-arrow-alt-circle-down"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x358</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x359"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x359"></span>Arrow alt circle left
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x359;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-arrow-alt-circle-left"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x359</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x35a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x35a"></span>Arrow alt circle right
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x35a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-arrow-alt-circle-right"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x35a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x35b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x35b"></span>Arrow alt circle up
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x35b;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-arrow-alt-circle-up"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x35b</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xab"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xab"></span>Arrow circle down
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xab;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-arrow-circle-down"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xab</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xa8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xa8"></span>Arrow circle left
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xa8;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-arrow-circle-left"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xa8</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xa9"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xa9"></span>Arrow circle right
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xa9;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-arrow-circle-right"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xa9</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xaa"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xaa"></span>Arrow circle up
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xaa;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-arrow-circle-up"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xaa</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x63"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x63"></span>Arrow down
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x63;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-arrow-down"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x63</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x60"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x60"></span>Arrow left
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x60;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-arrow-left"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x60</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf106"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf106"></span>Arrow right
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf106;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-arrow-right"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf106</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf107"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf107"></span>Arrow up
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf107;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-arrow-up"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf107</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xb2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xb2"></span>Arrows alt h
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xb2;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-arrows-alt-h"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xb2</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x337"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x337"></span>Arrows alt v
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x337;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-arrows-alt-v"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x337</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x338"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x338"></span>Arrows alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x338;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-arrows-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x338</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2a2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2a2"></span>Assistive listening systems
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2a2;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-assistive-listening-systems"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2a2</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf108"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf108"></span>Asterisk
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf108;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-asterisk"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf108</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1fa"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1fa"></span>At
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1fa;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-at"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1fa</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x29e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x29e"></span>Audio description
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x29e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-audio-description"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x29e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x4a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x4a"></span>Backward
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x4a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-backward"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x4a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x24e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x24e"></span>Balance scale
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x24e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-balance-scale"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x24e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x5e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x5e"></span>Ban
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x5e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-ban"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x5e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf109"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf109"></span>Barcode
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf109;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-barcode"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf109</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xc9"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xc9"></span>Bars
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xc9;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-bars"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xc9</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x433"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x433"></span>Baseball ball
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x433;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-baseball-ball"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x433</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x434"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x434"></span>Basketball ball
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x434;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-basketball-ball"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x434</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2cd"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2cd"></span>Bath
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2cd;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-bath"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2cd</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x244"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x244"></span>Battery empty
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x244;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-battery-empty"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x244</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x240"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x240"></span>Battery full
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x240;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-battery-full"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x240</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x242"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x242"></span>Battery half
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x242;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-battery-half"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x242</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x243"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x243"></span>Battery quarter
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x243;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-battery-quarter"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x243</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x241"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x241"></span>Battery three quarters
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x241;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-battery-three-quarters"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x241</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x236"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x236"></span>Bed
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x236;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-bed"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x236</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xfc"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xfc"></span>Beer
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xfc;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-beer"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xfc</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf3"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf3"></span>Bell slash
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf3;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-bell-slash"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf3</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f6"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f6"></span>Bell
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f6;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-bell"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f6</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x206"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x206"></span>Bicycle
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x206;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-bicycle"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x206</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1e5"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1e5"></span>Binoculars
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1e5;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-binoculars"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1e5</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1fd"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1fd"></span>Birthday cake
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1fd;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-birthday-cake"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1fd</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x29d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x29d"></span>Blind
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x29d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-blind"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x29d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf128"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf128"></span>Bold
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf128;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-bold"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf128</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xe7"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xe7"></span>Bolt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xe7;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-bolt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xe7</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1e2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1e2"></span>Bomb
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1e2;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-bomb"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1e2</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf10a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf10a"></span>Book
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf10a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-book"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf10a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2e"></span>Bookmark
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-bookmark"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x436"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x436"></span>Bowling ball
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x436;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-bowling-ball"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x436</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2a1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2a1"></span>Braille
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2a1;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-braille"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2a1</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xb1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xb1"></span>Briefcase
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xb1;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-briefcase"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xb1</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x188"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x188"></span>Bug
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x188;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-bug"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x188</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1ad"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1ad"></span>Building
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1ad;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-building"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1ad</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xa1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xa1"></span>Bullhorn
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xa1;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-bullhorn"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xa1</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x140"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x140"></span>Bullseye
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x140;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-bullseye"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x140</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1ec"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1ec"></span>Calculator
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1ec;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-calculator"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1ec</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x133"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x133"></span>Calendar alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x133;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-calendar-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x133</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf10b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf10b"></span>Calendar check
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf10b;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-calendar-check"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf10b</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x274"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x274"></span>Calendar minus
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x274;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-calendar-minus"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x274</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x272"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x272"></span>Calendar plus
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x272;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-calendar-plus"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x272</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x271"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x271"></span>Calendar times
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x271;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-calendar-times"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x271</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x273"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x273"></span>Calendar
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x273;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-calendar"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x273</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf10c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf10c"></span>Camera retro
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf10c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-camera-retro"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf10c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xd7"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xd7"></span>Caret down
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xd7;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-caret-down"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xd7</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xd9"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xd9"></span>Caret left
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xd9;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-caret-left"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xd9</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xda"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xda"></span>Caret right
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xda;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-caret-right"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xda</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x150"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x150"></span>Caret square down
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x150;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-caret-square-down"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x150</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x191"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x191"></span>Caret square left
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x191;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-caret-square-left"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x191</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x152"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x152"></span>Caret square right
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x152;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-caret-square-right"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x152</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x151"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x151"></span>Caret square up
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x151;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-caret-square-up"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x151</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xd8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xd8"></span>Caret up
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xd8;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-caret-up"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xd8</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x218"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x218"></span>Cart arrow down
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x218;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-cart-arrow-down"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x218</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x217"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x217"></span>Cart plus
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x217;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-cart-plus"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x217</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xa3"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xa3"></span>Certificate
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xa3;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-certificate"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xa3</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1fe"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1fe"></span>Chart area
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1fe;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-chart-area"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1fe</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x80"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x80"></span>Chart bar
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x80;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-chart-bar"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x80</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x201"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x201"></span>Chart line
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x201;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-chart-line"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x201</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x200"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x200"></span>Chart pie
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x200;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-chart-pie"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x200</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf10d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf10d"></span>Check circle
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf10d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-check-circle"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf10d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf10e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf10e"></span>Check square
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf10e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-check-square"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf10e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x14a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x14a"></span>Check
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x14a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-check"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x14a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x13a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x13a"></span>Chevron circle down
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x13a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-chevron-circle-down"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x13a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x137"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x137"></span>Chevron circle left
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x137;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-chevron-circle-left"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x137</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x138"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x138"></span>Chevron circle right
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x138;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-chevron-circle-right"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x138</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x139"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x139"></span>Chevron circle up
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x139;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-chevron-circle-up"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x139</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf11a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf11a"></span>Chevron down
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf11a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-chevron-down"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf11a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf12c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf12c"></span>Chevron left
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf12c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-chevron-left"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf12c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf10f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf10f"></span>Chevron right
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf10f;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-chevron-right"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf10f</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf11b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf11b"></span>Chevron up
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf11b;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-chevron-up"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf11b</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1ae"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1ae"></span>Child
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1ae;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-child"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1ae</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x111"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x111"></span>Circle notch
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x111;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-circle-notch"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x111</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1ce"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1ce"></span>Circle
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1ce;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-circle"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1ce</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x328"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x328"></span>Clipboard
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x328;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-clipboard"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x328</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x17"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x17"></span>Clock
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x17;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-clock"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x17</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x24d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x24d"></span>Clone
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x24d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-clone"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x24d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x20a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x20a"></span>Closed captioning
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x20a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-closed-captioning"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x20a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xc2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xc2"></span>Cloud download alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xc2;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-cloud-download-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xc2</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x381"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x381"></span>Cloud upload alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x381;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-cloud-upload-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x381</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x382"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x382"></span>Cloud
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x382;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-cloud"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x382</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x121"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x121"></span>Code branch
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x121;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-code-branch"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x121</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x126"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x126"></span>Code
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x126;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-code"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x126</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf4"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf4"></span>Coffee
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf4;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-coffee"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf4</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x13"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x13"></span>Cog
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x13;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-cog"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x13</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf110"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf110"></span>Cogs
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf110;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-cogs"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf110</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xdb"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xdb"></span>Columns
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xdb;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-columns"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xdb</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x75"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x75"></span>Comment alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x75;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-comment-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x75</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x27a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x27a"></span>Comment
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x27a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-comment"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x27a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf111"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf111"></span>Comments
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf111;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-comments"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf111</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x14e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x14e"></span>Compass
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x14e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-compass"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x14e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x66"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x66"></span>Compress
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x66;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-compress"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x66</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xc5"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xc5"></span>Copy
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xc5;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-copy"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xc5</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f9"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f9"></span>Copyright
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f9;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-copyright"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f9</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x9d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x9d"></span>Credit card
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x9d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-credit-card"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x9d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x125"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x125"></span>Crop
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x125;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-crop"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x125</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf112"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf112"></span>Crosshairs
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf112;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-crosshairs"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf112</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1b2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1b2"></span>Cube
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1b2;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-cube"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1b2</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1b3"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1b3"></span>Cubes
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1b3;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-cubes"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1b3</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xc4"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xc4"></span>Cut
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xc4;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-cut"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xc4</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1c0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1c0"></span>Database
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1c0;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-database"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1c0</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2a4"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2a4"></span>Deaf
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2a4;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-deaf"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2a4</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x108"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x108"></span>Desktop
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x108;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-desktop"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x108</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x155"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x155"></span>Dollar sign
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x155;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-dollar-sign"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x155</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x192"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x192"></span>Dot circle
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x192;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-dot-circle"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x192</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x19"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x19"></span>Download
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x19;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-download"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x19</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf113"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf113"></span>Edit
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf113;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-edit"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf113</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf114"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf114"></span>Eject
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf114;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-eject"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf114</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x141"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x141"></span>Ellipsis h
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x141;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-ellipsis-h"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x141</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x142"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x142"></span>Ellipsis v
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x142;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-ellipsis-v"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x142</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xe0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xe0"></span>Envelope open
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xe0;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-envelope-open"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xe0</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2b6"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2b6"></span>Envelope square
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2b6;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-envelope-square"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2b6</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x199"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x199"></span>Envelope
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x199;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-envelope"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x199</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x12d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x12d"></span>Eraser
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x12d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-eraser"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x12d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x153"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x153"></span>Euro sign
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x153;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-euro-sign"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x153</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x362"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x362"></span>Exchange alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x362;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-exchange-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x362</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x12a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x12a"></span>Exclamation circle
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x12a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-exclamation-circle"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x12a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf115"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf115"></span>Exclamation triangle
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf115;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-exclamation-triangle"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf115</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf116"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf116"></span>Exclamation
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf116;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-exclamation"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf116</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf11c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf11c"></span>Expand arrows alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf11c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-expand-arrows-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf11c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x31e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x31e"></span>Expand
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x31e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-expand"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x31e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x35d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x35d"></span>External link alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x35d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-external-link-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x35d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x360"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x360"></span>External link square alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x360;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-external-link-square-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x360</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf117"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf117"></span>Eye dropper
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf117;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-eye-dropper"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf117</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1fb"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1fb"></span>Eye slash
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1fb;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-eye-slash"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1fb</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf118"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf118"></span>Eye
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf118;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-eye"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf118</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x49"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x49"></span>Fast backward
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x49;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-fast-backward"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x49</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf11e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf11e"></span>Fast forward
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf11e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-fast-forward"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf11e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x182"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x182"></span>Female
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x182;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-female"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x182</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x8"></span>Film
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x8;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-film"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x8</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xb0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xb0"></span>Filter
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xb0;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-filter"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xb0</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf119"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf119"></span>Fire extinguisher
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf119;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-fire-extinguisher"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf119</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x134"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x134"></span>Fire
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x134;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-fire"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x134</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x24"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x24"></span>Flag checkered
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x24;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-flag-checkered"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x24</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x11e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x11e"></span>Flag
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x11e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-flag"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x11e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xc3"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xc3"></span>Flask
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xc3;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-flask"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xc3</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x7b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x7b"></span>Folder open
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x7b;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-folder-open"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x7b</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x7c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x7c"></span>Folder
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x7c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-folder"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x7c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x31"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x31"></span>Font
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x31;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-font"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x31</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x44e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x44e"></span>Football ball
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x44e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-football-ball"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x44e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf120"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf120"></span>Forward
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf120;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-forward"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf120</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x119"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x119"></span>Frown
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x119;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-frown"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x119</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1e3"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1e3"></span>Futbol
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1e3;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-futbol"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1e3</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x11b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x11b"></span>Gamepad
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x11b;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-gamepad"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x11b</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xe3"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xe3"></span>Gavel
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xe3;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-gavel"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xe3</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3a5"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x3a5"></span>Gem
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3a5;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-gem"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x3a5</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x22d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x22d"></span>Genderless
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x22d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-genderless"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x22d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf11d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf11d"></span>Gift
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf11d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-gift"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf11d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf126"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf126"></span>Glass martini
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf126;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-glass-martini"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf126</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xac"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xac"></span>Globe
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xac;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-globe"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xac</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x450"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x450"></span>Golf ball
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x450;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-golf-ball"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x450</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x19d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x19d"></span>Graduation cap
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x19d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-graduation-cap"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x19d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xfd"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xfd"></span>H square
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xfd;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-h-square"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xfd</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x258"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x258"></span>Hand lizard
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x258;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-hand-lizard"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x258</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x256"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x256"></span>Hand paper
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x256;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-hand-paper"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x256</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x25b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x25b"></span>Hand peace
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x25b;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-hand-peace"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x25b</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xa7"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xa7"></span>Hand point down
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xa7;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-hand-point-down"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xa7</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xa5"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xa5"></span>Hand point left
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xa5;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-hand-point-left"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xa5</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xa4"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xa4"></span>Hand point right
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xa4;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-hand-point-right"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xa4</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xa6"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xa6"></span>Hand point up
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xa6;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-hand-point-up"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xa6</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x25a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x25a"></span>Hand pointer
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x25a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-hand-pointer"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x25a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x255"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x255"></span>Hand rock
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x255;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-hand-rock"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x255</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x257"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x257"></span>Hand scissors
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x257;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-hand-scissors"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x257</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x259"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x259"></span>Hand spock
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x259;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-hand-spock"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x259</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2b5"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2b5"></span>Handshake
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2b5;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-handshake"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2b5</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x292"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x292"></span>Hashtag
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x292;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-hashtag"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x292</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xa0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xa0"></span>Hdd
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xa0;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-hdd"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xa0</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1dc"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1dc"></span>Heading
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1dc;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-heading"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1dc</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf11f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf11f"></span>Headphones
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf11f;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-headphones"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf11f</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x4"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x4"></span>Heart
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x4;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-heart"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x4</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x21e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x21e"></span>Heartbeat
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x21e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-heartbeat"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x21e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1da"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1da"></span>History
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1da;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-history"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1da</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x453"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x453"></span>Hockey puck
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x453;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-hockey-puck"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x453</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x15"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x15"></span>Home
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x15;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-home"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x15</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf8"></span>Hospital
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf8;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-hospital"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf8</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x254"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x254"></span>Hourglass end
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x254;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-hourglass-end"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x254</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x253"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x253"></span>Hourglass half
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x253;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-hourglass-half"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x253</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x252"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x252"></span>Hourglass start
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x252;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-hourglass-start"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x252</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x251"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x251"></span>Hourglass
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x251;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-hourglass"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x251</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x246"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x246"></span>I cursor
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x246;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-i-cursor"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x246</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2c1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2c1"></span>Id badge
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2c1;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-id-badge"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2c1</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2c2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2c2"></span>Id card
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2c2;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-id-card"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2c2</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf121"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf121"></span>Image
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf121;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-image"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf121</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf122"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf122"></span>Images
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf122;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-images"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf122</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1c"></span>Inbox
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-inbox"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf12d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf12d"></span>Indent
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf12d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-indent"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf12d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x275"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x275"></span>Industry
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x275;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-industry"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x275</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf123"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf123"></span>Italic
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf123;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-italic"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf123</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf12f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf12f"></span>Key
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf12f;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-key"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf12f</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x11c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x11c"></span>Keyboard
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x11c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-keyboard"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x11c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1ab"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1ab"></span>Language
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1ab;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-language"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1ab</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x109"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x109"></span>Laptop
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x109;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-laptop"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x109</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf124"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf124"></span>Leaf
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf124;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-leaf"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf124</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf125"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf125"></span>Lemon
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf125;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-lemon"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf125</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3be"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x3be"></span>Level down alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3be;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-level-down-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x3be</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3bf"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x3bf"></span>Level up alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3bf;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-level-up-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x3bf</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xeb"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xeb"></span>Lightbulb
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xeb;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-lightbulb"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xeb</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xc1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xc1"></span>Link
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xc1;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-link"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xc1</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x195"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x195"></span>Lira sign
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x195;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-lira-sign"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x195</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf127"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf127"></span>List ol
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf127;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-list-ol"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf127</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xcb"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xcb"></span>List ul
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xcb;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-list-ul"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xcb</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xca"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xca"></span>List
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xca;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-list"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xca</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x124"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x124"></span>Location arrow
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x124;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-location-arrow"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x124</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x309"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x309"></span>Long arrow alt down
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x309;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-long-arrow-alt-down"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x309</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x30a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x30a"></span>Long arrow alt left
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x30a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-long-arrow-alt-left"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x30a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x30b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x30b"></span>Long arrow alt right
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x30b;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-long-arrow-alt-right"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x30b</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x30c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x30c"></span>Long arrow alt up
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x30c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-long-arrow-alt-up"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x30c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf129"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf129"></span>Low vision
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf129;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-low-vision"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf129</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xd0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xd0"></span>Magic
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xd0;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-magic"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xd0</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x76"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x76"></span>Magnet
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x76;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-magnet"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x76</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x183"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x183"></span>Male
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x183;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-male"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x183</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3c5"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x3c5"></span>Map pin
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3c5;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-map-pin"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x3c5</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x276"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x276"></span>Map signs
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x276;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-map-signs"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x276</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x222"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x222"></span>Mars double
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x222;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-mars-double"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x222</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x227"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x227"></span>Mars stroke h
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x227;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-mars-stroke-h"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x227</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x229"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x229"></span>Mars stroke v
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x229;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-mars-stroke-v"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x229</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x22b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x22b"></span>Mars stroke
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x22b;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-mars-stroke"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x22b</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x22a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x22a"></span>Mars
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x22a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-mars"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x22a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xfa"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xfa"></span>Medkit
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xfa;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-medkit"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xfa</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x11a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x11a"></span>Meh
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x11a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-meh"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x11a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x223"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x223"></span>Mercury
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x223;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-mercury"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x223</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2db"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2db"></span>Microchip
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2db;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-microchip"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2db</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x130"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x130"></span>Microphone slash
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x130;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-microphone-slash"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x130</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x131"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x131"></span>Microphone
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x131;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-microphone"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x131</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf12a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf12a"></span>Minus circle
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf12a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-minus-circle"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf12a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x56"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x56"></span>Minus square
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x56;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-minus-square"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x56</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x146"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x146"></span>Minus
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x146;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-minus"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x146</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x10b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x10b"></span>Mobile alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x10b;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-mobile-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x10b</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3cd"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x3cd"></span>Mobile
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3cd;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-mobile"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x3cd</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3d1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x3d1"></span>Money bill alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3d1;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-money-bill-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x3d1</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x186"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x186"></span>Moon
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x186;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-moon"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x186</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x21c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x21c"></span>Motorcycle
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x21c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-motorcycle"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x21c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x245"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x245"></span>Mouse pointer
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x245;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-mouse-pointer"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x245</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1"></span>Music
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-music"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x22c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x22c"></span>Neuter
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x22c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-neuter"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x22c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1ea"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1ea"></span>Newspaper
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1ea;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-newspaper"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1ea</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x247"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x247"></span>Object group
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x247;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-object-group"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x247</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x248"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x248"></span>Object ungroup
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x248;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-object-ungroup"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x248</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf12b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf12b"></span>Outdent
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf12b;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-outdent"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf12b</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1fc"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1fc"></span>Paint brush
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1fc;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-paint-brush"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1fc</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1d8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1d8"></span>Paper plane
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1d8;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-paper-plane"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1d8</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xc6"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xc6"></span>Paperclip
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xc6;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-paperclip"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xc6</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1dd"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1dd"></span>Paragraph
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1dd;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-paragraph"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1dd</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xea"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xea"></span>Paste
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xea;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-paste"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xea</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x4c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x4c"></span>Pause circle
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x4c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-pause-circle"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x4c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x28b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x28b"></span>Pause
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x28b;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-pause"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x28b</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1b0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1b0"></span>Paw
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1b0;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-paw"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1b0</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x14b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x14b"></span>Pen square
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x14b;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-pen-square"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x14b</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x303"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x303"></span>Pencil alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x303;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-pencil-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x303</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x295"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x295"></span>Percent
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x295;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-percent"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x295</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2a0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2a0"></span>Phone
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2a0;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-phone"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2a0</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x72"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x72"></span>Plane
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x72;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-plane"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x72</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x4b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x4b"></span>Play circle
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x4b;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-play-circle"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x4b</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x144"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x144"></span>Play
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x144;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-play"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x144</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1e6"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1e6"></span>Plug
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1e6;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-plug"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1e6</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf12e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf12e"></span>Plus circle
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf12e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-plus-circle"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf12e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x55"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x55"></span>Plus square
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x55;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-plus-square"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x55</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xfe"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xfe"></span>Plus
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xfe;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-plus"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xfe</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2ce"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2ce"></span>Podcast
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2ce;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-podcast"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2ce</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x154"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x154"></span>Pound sign
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x154;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-pound-sign"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x154</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x11"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x11"></span>Power off
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x11;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-power-off"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x11</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf133"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf133"></span>Print
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf133;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-print"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf133</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x12e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x12e"></span>Puzzle piece
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x12e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-puzzle-piece"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x12e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf134"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf134"></span>Qrcode
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf134;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-qrcode"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf134</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x128"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x128"></span>Question circle
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x128;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-question-circle"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x128</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf130"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf130"></span>Question
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf130;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-question"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf130</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x10d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x10d"></span>Quote left
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x10d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-quote-left"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x10d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x10e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x10e"></span>Quote right
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x10e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-quote-right"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x10e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf131"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf131"></span>Random
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf131;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-random"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf131</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1b8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1b8"></span>Recycle
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1b8;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-recycle"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1b8</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1e"></span>Redo alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-redo-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2f9"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2f9"></span>Redo
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2f9;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-redo"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2f9</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3e5"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x3e5"></span>Reply all
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3e5;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-reply-all"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x3e5</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x122"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x122"></span>Reply
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x122;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-reply"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x122</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf132"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf132"></span>Retweet
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf132;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-retweet"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf132</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x18"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x18"></span>Road
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x18;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-road"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x18</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x135"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x135"></span>Rocket
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x135;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-rocket"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x135</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x143"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x143"></span>Rss
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x143;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-rss"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x143</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x158"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x158"></span>Ruble sign
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x158;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-ruble-sign"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x158</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x156"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x156"></span>Rupee sign
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x156;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-rupee-sign"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x156</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2"></span>Search minus
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-search-minus"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x10"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x10"></span>Search plus
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x10;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-search-plus"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x10</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xe"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xe"></span>Search
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xe;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-search"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xe</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x233"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x233"></span>Server
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x233;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-server"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x233</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1e0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1e0"></span>Share alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1e0;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-share-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1e0</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1e1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1e1"></span>Share square
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1e1;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-share-square"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1e1</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x14d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x14d"></span>Share
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x14d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-share"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x14d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x20b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x20b"></span>Shekel sign
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x20b;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-shekel-sign"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x20b</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3ed"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x3ed"></span>Shield alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3ed;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-shield-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x3ed</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x21a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x21a"></span>Ship
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x21a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-ship"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x21a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2cc"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2cc"></span>Shower
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2cc;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-shower"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2cc</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2f6"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2f6"></span>Sign in alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2f6;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-sign-in-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2f6</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2a7"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2a7"></span>Sign language
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2a7;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-sign-language"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2a7</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2f5"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2f5"></span>Sign out alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2f5;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-sign-out-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2f5</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x12"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x12"></span>Signal
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x12;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-signal"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x12</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xe8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xe8"></span>Sitemap
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xe8;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-sitemap"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xe8</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1de"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1de"></span>Sliders h
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1de;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-sliders-h"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1de</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x118"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x118"></span>Smile
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x118;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-smile"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x118</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2dc"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2dc"></span>Snowflake
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2dc;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-snowflake"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2dc</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xdc"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xdc"></span>Sort alpha down
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xdc;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-sort-alpha-down"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xdc</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x15d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x15d"></span>Sort alpha up
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x15d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-sort-alpha-up"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x15d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x15e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x15e"></span>Sort amount down
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x15e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-sort-amount-down"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x15e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x160"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x160"></span>Sort amount up
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x160;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-sort-amount-up"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x160</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x161"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x161"></span>Sort down
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x161;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-sort-down"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x161</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xdd"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xdd"></span>Sort numeric down
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xdd;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-sort-numeric-down"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xdd</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x162"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x162"></span>Sort numeric up
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x162;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-sort-numeric-up"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x162</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x163"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x163"></span>Sort up
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x163;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-sort-up"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x163</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xde"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xde"></span>Sort
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xde;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-sort"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xde</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x110"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x110"></span>Spinner
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x110;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-spinner"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x110</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xc8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xc8"></span>Square full
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xc8;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-square-full"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xc8</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x45c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x45c"></span>Square
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x45c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-square"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x45c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x5"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x5"></span>Star half
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x5;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-star-half"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x5</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf135"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf135"></span>Star
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf135;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-star"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf135</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x48"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x48"></span>Step backward
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x48;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-step-backward"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x48</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf136"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf136"></span>Step forward
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf136;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-step-forward"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf136</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1"></span>Stethoscope
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-stethoscope"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf1</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x249"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x249"></span>Sticky note
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x249;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-sticky-note"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x249</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf137"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf137"></span>Stop circle
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf137;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-stop-circle"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf137</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x28d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x28d"></span>Stop
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x28d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-stop"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x28d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2f2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2f2"></span>Stopwatch
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2f2;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-stopwatch"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2f2</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x21d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x21d"></span>Street view
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x21d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-street-view"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x21d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xcc"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xcc"></span>Strikethrough
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xcc;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-strikethrough"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xcc</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x12c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x12c"></span>Subscript
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x12c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-subscript"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x12c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x239"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x239"></span>Subway
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x239;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-subway"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x239</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2"></span>Suitcase
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-suitcase"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf2</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x185"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x185"></span>Sun
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x185;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-sun"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x185</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x12b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x12b"></span>Superscript
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x12b;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-superscript"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x12b</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf140"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf140"></span>Sync alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf140;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-sync-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf140</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2f1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2f1"></span>Sync
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2f1;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-sync"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2f1</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xce"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xce"></span>Table tennis
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xce;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-table-tennis"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xce</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x45d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x45d"></span>Table
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x45d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-table"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x45d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x10a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x10a"></span>Tablet alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x10a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-tablet-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x10a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3fa"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x3fa"></span>Tablet
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3fa;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-tablet"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x3fa</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3fd"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x3fd"></span>Tachometer alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3fd;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-tachometer-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x3fd</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf138"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf138"></span>Tag
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf138;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-tag"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf138</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2c"></span>Tags
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-tags"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xae"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xae"></span>Tasks
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xae;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-tasks"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xae</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1ba"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1ba"></span>Taxi
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1ba;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-taxi"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1ba</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x120"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x120"></span>Terminal
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x120;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-terminal"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x120</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf145"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf145"></span>Text height
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf145;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-text-height"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf145</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf139"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf139"></span>Text width
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf139;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-text-width"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf139</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf13a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf13a"></span>Th large
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf13a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-th-large"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf13a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf13b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf13b"></span>Th list
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf13b;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-th-list"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf13b</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xb"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xb"></span>Th
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xb;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-th"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xb</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2cb"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2cb"></span>Thermometer empty
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2cb;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-thermometer-empty"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2cb</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2c7"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2c7"></span>Thermometer full
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2c7;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-thermometer-full"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2c7</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2c9"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2c9"></span>Thermometer half
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2c9;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-thermometer-half"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2c9</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2ca"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2ca"></span>Thermometer quarter
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2ca;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-thermometer-quarter"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2ca</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2c8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2c8"></span>Thermometer three quarters
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2c8;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-thermometer-three-quarters"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2c8</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x165"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x165"></span>Thumbs down
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x165;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-thumbs-down"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x165</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x164"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x164"></span>Thumbs up
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x164;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-thumbs-up"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x164</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x8d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x8d"></span>Thumbtack
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x8d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-thumbtack"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x8d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3ff"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x3ff"></span>Ticket alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3ff;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-ticket-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x3ff</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf13c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf13c"></span>Times circle
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf13c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-times-circle"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf13c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x57"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x57"></span>Times
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x57;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-times"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x57</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf141"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf141"></span>Tint
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf141;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-tint"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf141</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x204"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x204"></span>Toggle off
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x204;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-toggle-off"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x204</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x205"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x205"></span>Toggle on
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x205;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-toggle-on"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x205</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x25c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x25c"></span>Trademark
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x25c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-trademark"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x25c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x238"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x238"></span>Train
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x238;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-train"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x238</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x224"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x224"></span>Transgender alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x224;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-transgender-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x224</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x225"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x225"></span>Transgender
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x225;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-transgender"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x225</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f8"></span>Trash alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f8;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-trash-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f8</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2ed"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2ed"></span>Trash
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2ed;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-trash"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2ed</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1bb"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1bb"></span>Tree
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1bb;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-tree"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1bb</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf13d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf13d"></span>Trophy
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf13d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-trophy"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf13d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xd1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xd1"></span>Truck
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xd1;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-truck"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xd1</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1e4"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1e4"></span>Tty
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1e4;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-tty"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1e4</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x26c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x26c"></span>Tv
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x26c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-tv"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x26c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xe9"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xe9"></span>Umbrella
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xe9;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-umbrella"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xe9</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xcd"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xcd"></span>Underline
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xcd;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-underline"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xcd</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xe2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xe2"></span>Undo alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xe2;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-undo-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xe2</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2ea"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2ea"></span>Undo
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2ea;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-undo"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2ea</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x29a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x29a"></span>Universal access
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x29a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-universal-access"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x29a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x19c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x19c"></span>University
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x19c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-university"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x19c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x127"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x127"></span>Unlink
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x127;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-unlink"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x127</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x9c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x9c"></span>Unlock alt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x9c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-unlock-alt"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x9c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x13e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x13e"></span>Unlock
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x13e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-unlock"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x13e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf13e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf13e"></span>Upload
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf13e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-upload"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf13e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x7"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x7"></span>User circle
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x7;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-user-circle"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x7</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2bd"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2bd"></span>User md
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2bd;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-user-md"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2bd</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0"></span>User plus
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-user-plus"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf0</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x234"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x234"></span>User secret
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x234;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-user-secret"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x234</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x21b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x21b"></span>User times
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x21b;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-user-times"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x21b</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x235"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x235"></span>User
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x235;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-user"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x235</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xc0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xc0"></span>Users
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xc0;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-users"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xc0</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2e5"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2e5"></span>Utensil spoon
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2e5;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-utensil-spoon"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2e5</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2e7"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2e7"></span>Utensils
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2e7;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-utensils"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2e7</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x221"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x221"></span>Venus double
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x221;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-venus-double"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x221</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x226"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x226"></span>Venus mars
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x226;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-venus-mars"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x226</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x228"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x228"></span>Venus
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x228;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-venus"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x228</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x3d"></span>Video
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-video"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x3d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x45f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x45f"></span>Volleyball ball
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x45f;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-volleyball-ball"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x45f</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf142"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf142"></span>Volume down
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf142;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-volume-down"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf142</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf143"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf143"></span>Volume off
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf143;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-volume-off"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf143</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf144"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf144"></span>Volume up
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf144;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-volume-up"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf144</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x193"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x193"></span>Wheelchair
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x193;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-wheelchair"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x193</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1eb"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1eb"></span>Wifi
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1eb;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-wifi"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1eb</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x410"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x410"></span>Window close
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x410;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-window-close"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x410</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2d0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2d0"></span>Window maximize
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2d0;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-window-maximize"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2d0</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2d1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2d1"></span>Window minimize
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2d1;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-window-minimize"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2d1</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2d2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2d2"></span>Window restore
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2d2;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-window-restore"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2d2</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x159"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x159"></span>Won sign
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x159;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-won-sign"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x159</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf13f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf13f"></span>Wrench
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf13f;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-wrench"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf13f</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x157"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x157"></span>Yen sign
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x157;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-yen-sign"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x157</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x29"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x29"></span>Add job
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x29;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-add-job"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x29</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x37"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x37"></span>Add user
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x37;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-add-user"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x37</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2b"></span>Add
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2b;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-add"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2b</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x69"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x69"></span>Align
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x69;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-align"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x69</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x7a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x7a"></span>Analyse graph
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x7a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-analyse-graph"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x7a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x42"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x42"></span>Analyse percent 0
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x42;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-analyse-percent_0"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x42</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x45"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x45"></span>Analyse percent 100
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x45;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-analyse-percent_100"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x45</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x43"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x43"></span>Analyse percent 40
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x43;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-analyse-percent_40"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x43</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x41"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x41"></span>Analyse
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x41;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-analyse"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x41</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2f"></span>Approve
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2f;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-approve"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2f</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x28"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x28"></span>Approved job
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x28;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-approved-job"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x28</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x61"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x61"></span>Attach
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x61;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-attach"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x61</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x62"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x62"></span>Browse
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x62;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-browse"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x62</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x78"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x78"></span>Close
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x78;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-close"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x78</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x39"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x39"></span>Collapse closed
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x39;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-collapse-closed"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x39</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x38"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x38"></span>Collapse open
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x38;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-collapse-open"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x38</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x77"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x77"></span>Collapse
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x77;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-collapse"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x77</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x4f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x4f"></span>Compare
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x4f;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-compare"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x4f</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x125"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x125"></span>Crop
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x125;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-crop"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x125</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xc4"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xc4"></span>Cut
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xc4;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-cut"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xc4</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x44"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x44"></span>Database submit
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x44;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-database-submit"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x44</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x64"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x64"></span>Delete
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x64;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-delete"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x64</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2b07"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2b07"></span>Down page
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2b07;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-down-page"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2b07</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x19"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x19"></span>Download
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x19;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-download"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x19</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x35"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x35"></span>Edit user
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x35;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-edit-user"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x35</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf113"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf113"></span>Edit
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf113;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-edit"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf113</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x31e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x31e"></span>Expand
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x31e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-expand"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x31e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xb0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xb0"></span>Filter
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xb0;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-filter"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xb0</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x5b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x5b"></span>First page
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x5b;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-first-page"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x5b</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x46"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x46"></span>Fullscreen
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x46;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-fullscreen"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x46</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x68"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x68"></span>Hierarchy
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x68;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-hierarchy"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x68</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x5d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x5d"></span>Last page
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x5d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-last-page"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x5d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x6b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x6b"></span>Like
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x6b;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-like"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x6b</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x4c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x4c"></span>Lock
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x4c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-lock"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x4c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x6c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x6c"></span>Login
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x6c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-login"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x6c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x30"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x30"></span>Mapping
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x30;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-mapping"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x30</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x4d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x4d"></span>Menu
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x4d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-menu"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x4d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x6d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x6d"></span>Move
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x6d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-move"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x6d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x3e"></span>Next page
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-next-page"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x3e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x144"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x144"></span>Play
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x144;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-play"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x144</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x3c"></span>Previous page
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-previous-page"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x3c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf133"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf133"></span>Print
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf133;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-print"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf133</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2f9"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2f9"></span>Redo
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2f9;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-redo"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2f9</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x52"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x52"></span>Refresh
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x52;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-refresh"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x52</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x36"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x36"></span>Remove user
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x36;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-remove-user"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x36</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2d"></span>Remove
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-remove"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x53"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x53"></span>Save
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x53;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-save"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x53</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x59"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x59"></span>Scaleable
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x59;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-scaleable"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x59</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x6a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x6a"></span>Search document
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x6a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-search-document"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x6a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xe"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xe"></span>Search
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xe;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-search"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xe</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x6e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x6e"></span>Send
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x6e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-send"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x6e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x73"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x73"></span>Settings
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x73;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-settings"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x73</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x14d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x14d"></span>Share
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x14d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-share"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x14d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x28d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x28d"></span>Stop
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x28d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-stop"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x28d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x5f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x5f"></span>Submit
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x5f;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-submit"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x5f</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x54"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x54"></span>Target
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x54;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-target"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x54</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x74"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x74"></span>Tool
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x74;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-tool"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x74</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2a"></span>Unassigned job
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-unassigned-job"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2ea"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2ea"></span>Undo
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2ea;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-undo"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2ea</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x13e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x13e"></span>Unlock
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x13e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-unlock"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x13e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2b06"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2b06"></span>Up page
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2b06;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-up-page"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2b06</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x34"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x34"></span>View
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x34;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-view"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x34</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x33"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x33"></span>Zoom in
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x33;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-zoom-in"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x33</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x32"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x32"></span>Zoom out
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x32;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-zoom-out"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x32</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f3e8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f3e8"></span>Accommodation
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f3e8;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-accommodation"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f3e8</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f6a8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f6a8"></span>Alert
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f6a8;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-alert"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f6a8</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f393"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f393"></span>Alumni
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f393;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-alumni"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f393</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4dc"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f4dc"></span>Announcement
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4dc;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-announcement"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f4dc</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f6d2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f6d2"></span>Basket
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f6d2;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-basket"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f6d2</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f606"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f606"></span>Beta
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f606;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-beta"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f606</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f6b4"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f6b4"></span>Bike
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f6b4;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-bike"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f6b4</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f48a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f48a"></span>Biotech
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f48a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-biotech"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f48a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f68c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f68c"></span>Bus
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f68c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-bus"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f68c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x273"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x273"></span>Calendar
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x273;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-calendar"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x273</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x21"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x21"></span>Camera
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x21;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-camera"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x21</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f697"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f697"></span>Car
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f697;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-car"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f697</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f3d9"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f3d9"></span>Careers
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f3d9;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-careers"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f3d9</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f5c2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f5c2"></span>Classification
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f5c2;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-classification"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f5c2</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x17"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x17"></span>Clock
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x17;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-clock"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x17</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x260e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x260e"></span>Contact
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x260e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-contact"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x260e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4cd"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f4cd"></span>Crosslink
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4cd;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-crosslink"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f4cd</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1c0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1c0"></span>Database
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1c0;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-database"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1c0</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4ac"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f4ac"></span>Discuss
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4ac;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-discuss"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f4ac</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x3b"></span>Documentation
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3b;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-documentation"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x3b</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2695"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2695"></span>Drug
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2695;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-drug"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2695</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x25"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x25"></span>Elixir
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x25;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-elixir"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x25</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4e7"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f4e7"></span>Email
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4e7;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-email"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f4e7</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x26"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x26"></span>Embl
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x26;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-embl"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x26</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f6aa"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f6aa"></span>External link
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f6aa;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-external-link"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f6aa</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x79"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x79"></span>External systems
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x79;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-external-systems"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x79</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f46f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f46f"></span>Face to face
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f46f;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-face-to-face"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f46f</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f9ed"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f9ed"></span>Find us
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f9ed;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-find-us"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f9ed</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4b6"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f4b6"></span>Funding
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4b6;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-funding"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f4b6</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x67"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x67"></span>Graph
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x67;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-graph"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x67</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f46a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f46a"></span>Group
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f46a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-group"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f46a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x47"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x47"></span>Gtls
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x47;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-gtls"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x47</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f912"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f912"></span>Health
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f912;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-health"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f912</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x3f"></span>Help
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3f;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-help"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x3f</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x15"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x15"></span>Home
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x15;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-home"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x15</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x275"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x275"></span>Industry
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x275;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-industry"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x275</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2139"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x2139"></span>Info
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2139;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-info"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2139</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xc1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xc1"></span>Link
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xc1;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-link"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xc1</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f5fa"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f5fa"></span>Location
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f5fa;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-location"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f5fa</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f91f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f91f"></span>Lovedata
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f91f;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-lovedata"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f91f</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f3e4"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f3e4"></span>Mailing list
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f3e4;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-mailing-list"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f3e4</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f523"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f523"></span>Math
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f523;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-math"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f523</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f46c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f46c"></span>Meet us
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f46c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-meet-us"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f46c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4f1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f4f1"></span>Mobile device
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4f1;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-mobile-device"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f4f1</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f195"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f195"></span>New
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f195;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-new"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f195</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f68d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f68d"></span>Newcomers
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f68d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-newcomers"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f68d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x4e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x4e"></span>News
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x4e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-news"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x4e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x22"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x22"></span>Nutraceuticals
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x22;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-nutraceuticals"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x22</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f44b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f44b"></span>Open day
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f44b;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-open-day"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f44b</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x70"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x70"></span>Piechart
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x70;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-piechart"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x70</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x72"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x72"></span>Plane
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x72;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-plane"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x72</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4da"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f4da"></span>Publication
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4da;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-publication"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f4da</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f52c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f52c"></span>Research
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f52c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-research"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f52c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f340"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f340"></span>Resource
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f340;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-resource"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f340</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x71"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x71"></span>Reviewed data
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x71;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-reviewed-data"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x71</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f527"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f527"></span>Services
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f527;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-services"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f527</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x23"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x23"></span>Steps
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x23;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-steps"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x23</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f9b8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f9b8"></span>Support
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f9b8;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-support"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f9b8</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f50c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f50c"></span>Systems
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f50c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-systems"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f50c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x27"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x27"></span>Terms
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x27;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-terms"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x27</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f97d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f97d"></span>Test
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f97d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-test"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f97d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x58"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x58"></span>Text mining
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x58;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-text-mining"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x58</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x3a"></span>Toolkit
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-toolkit"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x3a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x238"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x238"></span>Train
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x238;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-train"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x238</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f3eb"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f3eb"></span>Training
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f3eb;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-training"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f3eb</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4dd"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f4dd"></span>Tutorial
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4dd;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-tutorial"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f4dd</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x51"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x51"></span>Unreviewed data
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x51;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-unreviewed-data"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x51</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x3d"></span>Video
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-video"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x3d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f6b6"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f6b6"></span>Walk
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f6b6;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-walk"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f6b6</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f916"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f916"></span>Android
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f916;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-android"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f916</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f34f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f34f"></span>Apple
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f34f;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-apple"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f34f</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f524"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f524"></span>Blogger
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f524;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-blogger"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f524</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4d8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f4d8"></span>Facebook
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4d8;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-facebook"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f4d8</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4f7"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f4f7"></span>Flickr
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4f7;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-flickr"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f4f7</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f9ee"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f9ee"></span>Github
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f9ee;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-github"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f9ee</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4d5"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f4d5"></span>Googleplus
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4d5;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-googleplus"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f4d5</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4c7"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f4c7"></span>Linkedin
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4c7;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-linkedin"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f4c7</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f193"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f193"></span>Linux
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f193;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-linux"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f193</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4c3"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f4c3"></span>Orcid
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4c3;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-orcid"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f4c3</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x143"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x143"></span>Rss
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x143;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-rss"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x143</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4f3"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f4f3"></span>Skype
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4f3;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-skype"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f4f3</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f3a4"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f3a4"></span>Slideshare
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f3a4;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-slideshare"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f3a4</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f426"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f426"></span>Twitter
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f426;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-twitter"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f426</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f39e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f39e"></span>Vimeo
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f39e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-vimeo"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f39e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f472"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f472"></span>Weibo
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f472;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-weibo"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f472</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f3e2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f3e2"></span>Windows
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f3e2;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-windows"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f3e2</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4d3"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f4d3"></span>Wordpress
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4d3;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-wordpress"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f4d3</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4fd"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#x1f4fd"></span>Youtube
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4fd;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-common icon-youtube"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x1f4fd</span>
+      </div>
+    </div>
+
+
+  <!-- This will be embeded into a master preview at http://www.ebi.ac.uk/style-lab/ -->
+  <h3 class="clear padding-top-xlarge row padding-left-xlarge" id="EBI-Chemistry" data-magellan-target="EBI-Chemistry">EBI-Chemistry </h3>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-chemistry icon-spacer" data-icon="&#x6c"></span>
+      <span class="icon icon-chemistry icon-spacer" data-icon="&#x6c"></span>Direction left
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-chemistry" data-icon="&amp;#x6c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-chemistry icon-direction_left"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x6c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-chemistry icon-spacer" data-icon="&#x52"></span>
+      <span class="icon icon-chemistry icon-spacer" data-icon="&#x52"></span>Direction reversible
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-chemistry" data-icon="&amp;#x52;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-chemistry icon-direction_reversible"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x52</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-chemistry icon-spacer" data-icon="&#x72"></span>
+      <span class="icon icon-chemistry icon-spacer" data-icon="&#x72"></span>Direction right
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-chemistry" data-icon="&amp;#x72;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-chemistry icon-direction_right"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x72</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-chemistry icon-spacer" data-icon="&#x55"></span>
+      <span class="icon icon-chemistry icon-spacer" data-icon="&#x55"></span>Direction unknown
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-chemistry" data-icon="&amp;#x55;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-chemistry icon-direction_unknown"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x55</span>
+      </div>
+    </div>
+
+
+  <!-- This will be embeded into a master preview at http://www.ebi.ac.uk/style-lab/ -->
+  <h3 class="clear padding-top-xlarge row padding-left-xlarge" id="EBI-Conceptual" data-magellan-target="EBI-Conceptual">EBI-Conceptual </h3>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-conceptual icon-spacer" data-icon="&#x62"></span>
+      <span class="icon icon-conceptual icon-spacer" data-icon="&#x62"></span>Chemical
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-conceptual" data-icon="&amp;#x62;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-conceptual icon-chemical"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x62</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-conceptual icon-spacer" data-icon="&#x63"></span>
+      <span class="icon icon-conceptual icon-spacer" data-icon="&#x63"></span>Cross domain
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-conceptual" data-icon="&amp;#x63;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-conceptual icon-cross-domain"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x63</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-conceptual icon-spacer" data-icon="&#x64"></span>
+      <span class="icon icon-conceptual icon-spacer" data-icon="&#x64"></span>Dna
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-conceptual" data-icon="&amp;#x64;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-conceptual icon-dna"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x64</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-conceptual icon-spacer" data-icon="&#x67"></span>
+      <span class="icon icon-conceptual icon-spacer" data-icon="&#x67"></span>Expression
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-conceptual" data-icon="&amp;#x67;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-conceptual icon-expression"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x67</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-conceptual icon-spacer" data-icon="&#x6c"></span>
+      <span class="icon icon-conceptual icon-spacer" data-icon="&#x6c"></span>Literature
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-conceptual" data-icon="&amp;#x6c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-conceptual icon-literature"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x6c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-conceptual icon-spacer" data-icon="&#x6f"></span>
+      <span class="icon icon-conceptual icon-spacer" data-icon="&#x6f"></span>Ontology
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-conceptual" data-icon="&amp;#x6f;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-conceptual icon-ontology"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x6f</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-conceptual icon-spacer" data-icon="&#x50"></span>
+      <span class="icon icon-conceptual icon-spacer" data-icon="&#x50"></span>Proteins
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-conceptual" data-icon="&amp;#x50;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-conceptual icon-proteins"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x50</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-conceptual icon-spacer" data-icon="&#x73"></span>
+      <span class="icon icon-conceptual icon-spacer" data-icon="&#x73"></span>Structures
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-conceptual" data-icon="&amp;#x73;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-conceptual icon-structures"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x73</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-conceptual icon-spacer" data-icon="&#x79"></span>
+      <span class="icon icon-conceptual icon-spacer" data-icon="&#x79"></span>Systems
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-conceptual" data-icon="&amp;#x79;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-conceptual icon-systems"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x79</span>
+      </div>
+    </div>
+
+
+  <!-- This will be embeded into a master preview at http://www.ebi.ac.uk/style-lab/ -->
+  <h3 class="clear padding-top-xlarge row padding-left-xlarge" id="EBI-FileFormats" data-magellan-target="EBI-FileFormats">EBI-FileFormats </h3>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x41"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x41"></span>Agp
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x41;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-AGP"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x41</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x42"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x42"></span>Bam
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x42;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-BAM"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x42</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x43"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x43"></span>Cml
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x43;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-CML"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x43</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x52"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x52"></span>Cram
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x52;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-CRAM"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x52</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x63"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x63"></span>Csv
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x63;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-CSV"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x63</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x64"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x64"></span>Doc
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x64;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-DOC"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x64</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x61"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x61"></span>Fasta
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x61;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-FASTA"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x61</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x66"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x66"></span>Fastq
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x66;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-FASTQ"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x66</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x46"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x46"></span>Flat
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x46;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-FLAT"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x46</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x47"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x47"></span>Gff
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x47;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-GFF"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x47</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x49"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x49"></span>Img
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x49;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-IMG"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x49</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x4a"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x4a"></span>Json
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x4a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-JSON"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x4a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x4d"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x4d"></span>Mdl
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x4d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-MDL"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x4d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x4f"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x4f"></span>Obo
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x4f;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-OBO"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x4f</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x6f"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x6f"></span>Owl
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x6f;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-OWL"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x6f</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x70"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x70"></span>Pdf
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x70;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-PDF"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x70</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x33"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x33"></span>Postscript
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x33;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-Postscript"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x33</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#xf101"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#xf101"></span>Psi mi json
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#xf101;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-PSI-MI_JSON"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf101</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x32"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x32"></span>Psi mi tab
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x32;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-PSI-MI_TAB"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x32</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x31"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x31"></span>Psi mi xml
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x31;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-PSI-MI_XML"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x31</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x72"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x72"></span>Rd
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x72;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-RD"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x72</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x44"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x44"></span>Rdf xml
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x44;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-RDF_XML"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x44</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x58"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x58"></span>Rxn
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x58;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-RXN"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x58</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x73"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x73"></span>Sdf
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x73;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-SDF"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x73</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x76"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x76"></span>Tsv
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x76;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-TSV"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x76</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x74"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x74"></span>Txt
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x74;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-TXT"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x74</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x78"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x78"></span>Xml
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x78;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-XML"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x78</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x5a"></span>
+      <span class="icon icon-fileformats icon-spacer" data-icon="&#x5a"></span>Zip
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x5a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-fileformats icon-ZIP"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x5a</span>
+      </div>
+    </div>
+
+
+  <!-- This will be embeded into a master preview at http://www.ebi.ac.uk/style-lab/ -->
+  <h3 class="clear padding-top-xlarge row padding-left-xlarge" id="EBI-Species" data-magellan-target="EBI-Species">EBI-Species </h3>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x61"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x61"></span>Alpaca
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x61;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-alpaca"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x61</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x30"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x30"></span>Amoeba
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x30;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-amoeba"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x30</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x37"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x37"></span>Anolis
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x37;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-anolis"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x37</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x6c"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x6c"></span>Armadillo
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x6c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-armadillo"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x6c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#xa3"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#xa3"></span>Aspergillus
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#xa3;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-aspergillus"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xa3</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x35"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x35"></span>Barley
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x35;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-barley"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x35</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x28"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x28"></span>Bat
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x28;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-bat"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x28</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x24"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x24"></span>Bee
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x24;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-bee"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x24</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x25"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x25"></span>Brachypodium
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x25;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-brachypodium"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x25</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x42"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x42"></span>Brassica
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x42;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-brassica"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x42</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x62"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x62"></span>Bug
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x62;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-bug"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x62</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x57"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x57"></span>C elegans
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x57;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-c-elegans"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x57</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x41"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x41"></span>Cat
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x41;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-cat"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x41</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x6b"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x6b"></span>Chicken
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x6b;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-chicken"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x6b</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x69"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x69"></span>Chimpanzee
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x69;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-chimpanzee"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x69</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x63"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x63"></span>Corn
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x63;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-corn"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x63</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x43"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x43"></span>Cow
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x43;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-cow"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x43</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x32"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x32"></span>Diatom
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x32;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-diatom"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x32</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x64"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x64"></span>Dog
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x64;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-dog"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x64</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x44"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x44"></span>Dolphin
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x44;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-dolphin"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x44</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x4c"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x4c"></span>Ecoli
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x4c;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-ecoli"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x4c</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x65"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x65"></span>Elephant
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x65;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-elephant"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x65</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x21"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x21"></span>Ferret
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x21;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-ferret"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x21</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x6e"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x6e"></span>Finch
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x6e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-finch"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x6e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x46"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x46"></span>Fly
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x46;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-fly"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x46</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x66"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x66"></span>Frog
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x66;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-frog"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x66</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x75"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x75"></span>Fungus
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x75;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-fungus"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x75</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x5e"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x5e"></span>Glycinemax
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x5e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-glycinemax"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x5e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x6d"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x6d"></span>Goat
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x6d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-goat"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x6d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x47"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x47"></span>Gorilla
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x47;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-gorilla"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x47</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x4f"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x4f"></span>Grapes
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x4f;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-grapes"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x4f</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x67"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x67"></span>Guinea pig
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x67;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-guinea-pig"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x67</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x6f"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x6f"></span>Hedgehog
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x6f;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-hedgehog"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x6f</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x68"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x68"></span>Horse
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x68;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-horse"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x68</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x48"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x48"></span>Human
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x48;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-human"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x48</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x33"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x33"></span>Kangaroo rat
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x33;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-kangaroo-rat"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x33</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x34"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x34"></span>Louse
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x34;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-louse"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x34</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x72"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x72"></span>Monkey
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x72;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-monkey"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x72</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x39"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x39"></span>Monodelphis
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x39;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-monodelphis"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x39</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x31"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x31"></span>Mosquito
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x31;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-mosquito"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x31</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x4e"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x4e"></span>Mouse lemur
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x4e;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-mouse-lemur"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x4e</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x4d"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x4d"></span>Mouse
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x4d;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-mouse"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x4d</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x2a"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x2a"></span>Orangutan
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x2a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-orangutan"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2a</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x38"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x38"></span>Papio
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x38;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-papio"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x38</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x70"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x70"></span>Pig
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x70;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-pig"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x70</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x50"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x50"></span>Plant
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x50;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-plant"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x50</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x40"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x40"></span>Plasmodium
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x40;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-plasmodium"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x40</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x55"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x55"></span>Platypus
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x55;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-platypus"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x55</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x45"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x45"></span>Pufferfish
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x45;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-pufferfish"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x45</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x74"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x74"></span>Rabbit
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x74;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-rabbit"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x74</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x52"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x52"></span>Rat
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x52;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-rat"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x52</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x2b"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x2b"></span>Ray
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x2b;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-ray"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x2b</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x36"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x36"></span>Rice
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x36;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-rice"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x36</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x73"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x73"></span>Scorpion
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x73;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-scorpion"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x73</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x78"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x78"></span>Sheep
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x78;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-sheep"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x78</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x51"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x51"></span>Shrew
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x51;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-shrew"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x51</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x27"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x27"></span>Snail
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x27;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-snail"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x27</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x53"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x53"></span>Spider
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x53;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-spider"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x53</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x49"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x49"></span>Squirrel
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x49;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-squirrel"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x49</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x26"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x26"></span>Tick
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x26;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-tick"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x26</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x29"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x29"></span>Tomatoes
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x29;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-tomatoes"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x29</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x76"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x76"></span>Virus
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x76;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-virus"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x76</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x77"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x77"></span>Wallaby
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x77;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-wallaby"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x77</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x59"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x59"></span>Yeast
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x59;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-yeast"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x59</span>
+      </div>
+    </div>
+
+
+
+
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-species icon-spacer" data-icon="&#x5a"></span>
+      <span class="icon icon-species icon-spacer" data-icon="&#x5a"></span>Zebrafish
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x5a;"&gt;&lt;/i&gt;</p>
+
+      </div>
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">class="icon icon-species icon-zebrafish"</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x5a</span>
+      </div>
+    </div>
+
 
   </div>
 </div>