update

resources/assets/dcat/sass/components/_form.scss

@@ -151,3 +151,15 @@ select.form-control:not([multiple=multiple]) {
   padding: 6px;
 }
 
+// listbox图标
+.glyphicon-arrow-right:before {
+  font-family: feather;
+  content: "\e829";
+}
+.glyphicon-arrow-left:before {
+  font-family: feather;
+  content: "\e828";
+}
+.bootstrap-duallistbox-container .info {
+  color: $font-color!important;
+}

resources/dist/dcat/css/dcat-app.css

@@ -2016,6 +2016,20 @@ select.form-control:not([multiple=multiple]) {
   padding: 6px;
 }
 
+.glyphicon-arrow-right:before {
+  font-family: feather;
+  content: "\E829";
+}
+
+.glyphicon-arrow-left:before {
+  font-family: feather;
+  content: "\E828";
+}
+
+.bootstrap-duallistbox-container .info {
+  color: #414750 !important;
+}
+
 .pagination .page-item .page-link {
   font-weight: 600;
 }

resources/views/dashboard/dependencies.blade.php

@@ -8,7 +8,7 @@
         @foreach($dependencies as $dependency => $version)
             <tr>
                 <td width="240px" class="bold text-80">{{ $dependency }}</td>
-                <td><span class="label label-primary">{{ $version }}</span></td>
+                <td><span class="label bg-primary">{{ $version }}</span></td>
             </tr>
         @endforeach
     </table>

resources/views/dashboard/terminal.blade.php

@@ -1,7 +0,0 @@
-<div id="dcat-admin-terminal"></div>
-<script>
-    Dcat.ready(function () {
-        var _terminal = $('#dcat-admin-terminal').lxhTerminal({!! json_encode($options) !!});
-
-    });
-</script>

resources/views/helpers/feather.blade.php

@@ -0,0 +1,1438 @@
+<div>
+    <div class="feather-icons overflow-hidden row">
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-activity"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-activity</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-airplay"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-airplay</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-alert-circle"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-alert-circle</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-alert-octagon"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-alert-octagon</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-alert-triangle"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-alert-triangle</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-align-center"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-align-center</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-align-justify"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-align-justify</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-align-left"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-align-left</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-align-right"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-align-right</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-anchor"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-anchor</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-aperture"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-aperture</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-arrow-down-left"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-arrow-down-left</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-arrow-down-right"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-arrow-down-right</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-arrow-down"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-arrow-down</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-arrow-left"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-arrow-left</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-arrow-right"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-arrow-right</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-arrow-up-left"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-arrow-up-left</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-arrow-up-right"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-arrow-up-right</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-arrow-up"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-arrow-up</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-at-sign"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-at-sign</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-award"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-award</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-bar-chart-2"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-bar-chart-2</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-bar-chart"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-bar-chart</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-battery-charging"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-battery-charging</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-battery"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-battery</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-bell-off"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-bell-off</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-bell"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-bell</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-bluetooth"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-bluetooth</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-bold"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-bold</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-book"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-book</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-bookmark"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-bookmark</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-box"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-box</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-briefcase"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-briefcase</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-calendar"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-calendar</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-camera-off"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-camera-off</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-camera"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-camera</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-cast"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-cast</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-check-circle"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-check-circle</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-check-square"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-check-square</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-check"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-check</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-chevron-down"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-chevron-down</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-chevron-left"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-chevron-left</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-chevron-right"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-chevron-right</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-chevron-up"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-chevron-up</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-chevrons-down"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-chevrons-down</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-chevrons-left"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-chevrons-left</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-chevrons-right"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-chevrons-right</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-chevrons-up"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-chevrons-up</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-chrome"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-chrome</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-circle"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-circle</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-clipboard"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-clipboard</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-clock"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-clock</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-cloud-drizzle"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-cloud-drizzle</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-cloud-lightning"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-cloud-lightning</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-cloud-off"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-cloud-off</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-cloud-rain"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-cloud-rain</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-cloud-snow"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-cloud-snow</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-cloud"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-cloud</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-codepen"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-codepen</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-command"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-command</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-compass"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-compass</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-copy"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-copy</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-corner-down-left"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-corner-down-left</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-corner-down-right"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-corner-down-right</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-corner-left-down"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-corner-left-down</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-corner-left-up"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-corner-left-up</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-corner-right-down"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-corner-right-down</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-corner-right-up"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-corner-right-up</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-corner-up-left"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-corner-up-left</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-corner-up-right"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-corner-up-right</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-cpu"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-cpu</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-credit-card"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-credit-card</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-crop"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-crop</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-crosshair"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-crosshair</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-delete"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-delete</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-disc"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-disc</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-download-cloud"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-download-cloud</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-download"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-download</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-droplet"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-droplet</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-edit-2"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-edit-2</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-edit-1"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-edit-1</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-edit"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-edit</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-external-link"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-external-link</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-eye-off"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-eye-off</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-eye"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-eye</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-facebook"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-facebook</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-fast-forward"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-fast-forward</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-feather"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-feather</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-file-minus"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-file-minus</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-file-plus"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-file-plus</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-file-text"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-file-text</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-file"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-file</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-film"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-film</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-filter"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-filter</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-flag"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-flag</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-folder"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-folder</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-github"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-github</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-gitlab"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-gitlab</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-globe"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-globe</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-grid"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-grid</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-hash"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-hash</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-headphones"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-headphones</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-heart"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-heart</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-help-circle"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-help-circle</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-image"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-image</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-inbox"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-inbox</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-info"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-info</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-instagram"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-instagram</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-italic"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-italic</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-layers"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-layers</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-layout"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-layout</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-life-buoy"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-life-buoy</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-link-2"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-link-2</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-link"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-link</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-list"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-list</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-loader"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-loader</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-lock"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-lock</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-log-in"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-log-in</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-log-out"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-log-out</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-mail"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-mail</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-map-pin"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-map-pin</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-map"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-map</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-maximize-2"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-maximize-2</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-maximize"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-maximize</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-menu"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-menu</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-message-circle"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-message-circle</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-message-square"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-message-square</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-mic-off"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-mic-off</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-mic"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-mic</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-minimize-2"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-minimize-2</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-minimize"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-minimize</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-minus-circle"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-minus-circle</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-minus-square"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-minus-square</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-minus"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-minus</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-monitor"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-monitor</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-moon"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-moon</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-more-horizontal"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-more-horizontal</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-more-vertical"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-more-vertical</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-move"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-move</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-music"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-music</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-navigation-2"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-navigation-2</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-navigation"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-navigation</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-octagon"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-octagon</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-package"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-package</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-paperclip"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-paperclip</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-pause-circle"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-pause-circle</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-pause"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-pause</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-percent"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-percent</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-phone-call"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-phone-call</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-phone-forwarded"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-phone-forwarded</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-phone-incoming"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-phone-incoming</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-phone-missed"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-phone-missed</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-phone-off"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-phone-off</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-phone-outgoing"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-phone-outgoing</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-phone"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-phone</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-pie-chart"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-pie-chart</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-play-circle"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-play-circle</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-play"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-play</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-plus-circle"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-plus-circle</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-plus-square"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-plus-square</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-plus"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-plus</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-pocket"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-pocket</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-power"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-power</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-printer"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-printer</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-radio"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-radio</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-refresh-ccw"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-refresh-ccw</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-refresh-cw"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-refresh-cw</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-repeat"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-repeat</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-rewind"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-rewind</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-rotate-ccw"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-rotate-ccw</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-rotate-cw"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-rotate-cw</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-save"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-save</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-scissors"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-scissors</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-search"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-search</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-server"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-server</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-settings"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-settings</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-share-2"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-share-2</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-share"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-share</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-shield"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-shield</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-shopping-cart"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-shopping-cart</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-shuffle"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-shuffle</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-sidebar"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-sidebar</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-skip-back"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-skip-back</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-skip-forward"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-skip-forward</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-slack"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-slack</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-slash"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-slash</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-sliders"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-sliders</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-smartphone"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-smartphone</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-speaker"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-speaker</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-square"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-square</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-star"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-star</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-stop-circle"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-stop-circle</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-sun"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-sun</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-sunrise"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-sunrise</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-sunset"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-sunset</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-tablet"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-tablet</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-tag"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-tag</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-target"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-target</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-thermometer"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-thermometer</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-thumbs-down"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-thumbs-down</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-thumbs-up"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-thumbs-up</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-toggle-left"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-toggle-left</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-toggle-right"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-toggle-right</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-trash-2"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-trash-2</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-trash"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-trash</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-trending-down"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-trending-down</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-trending-up"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-trending-up</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-triangle"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-triangle</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-tv"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-tv</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-twitter"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-twitter</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-type"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-type</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-umbrella"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-umbrella</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-underline"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-underline</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-unlock"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-unlock</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-upload-cloud"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-upload-cloud</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-upload"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-upload</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-user-check"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-user-check</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-user-minus"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-user-minus</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-user-plus"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-user-plus</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-user-x"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-user-x</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-user"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-user</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-users"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-users</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-video-off"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-video-off</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-video"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-video</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-voicemail"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-voicemail</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-volume-1"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-volume-1</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-volume-2"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-volume-2</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-volume-x"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-volume-x</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-volume"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-volume</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-watch"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-watch</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-wifi-off"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-wifi-off</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-wifi"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-wifi</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-wind"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-wind</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-x-circle"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-x-circle</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-x-square"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-x-square</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-x"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-x</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-zap"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-zap</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-zoom-in"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-zoom-in</label>
+        </div>
+        <div class="col-md-4 col-sm-6 col-12 fonticon-container">
+            <div class="fonticon-wrap">
+                <i class="feather icon-zoom-out"></i>
+            </div>
+            <label class="fonticon-classname mt-1">icon-zoom-out</label>
+        </div>
+    </div>
+</div>

resources/views/helpers/font-awesome.blade.php

@@ -455,7 +455,7 @@
             <div class="col-sm-6 col-md-4 col-lg-3"><i class="fa fa-cab"></i> fa-cab <span class="text-muted">(alias)</span>
             </div>
 
-            <div class="col-sm-6 col-md-4 col-lg-3"><i class="feather icon-calendar"></i> fa-calendar</div>
+            <div class="col-sm-6 col-md-4 col-lg-3"><i class="fa fa-calendar"></i> fa-calendar</div>
 
             <div class="col-sm-6 col-md-4 col-lg-3"><i class="fa fa-calendar-o"></i> fa-calendar-o</div>
 
@@ -1277,7 +1277,7 @@
             <div class="col-sm-6 col-md-4 col-lg-3"><i class="fa fa-rotate-right"></i> fa-rotate-right <span class="text-muted">(alias)</span>
             </div>
 
-            <div class="col-sm-6 col-md-4 col-lg-3"><i class="feather icon-save"></i> fa-save <span class="text-muted">(alias)</span>
+            <div class="col-sm-6 col-md-4 col-lg-3"><i class="fa fa-save"></i> fa-save <span class="text-muted">(alias)</span>
             </div>
 
             <div class="col-sm-6 col-md-4 col-lg-3"><i class="fa fa-scissors"></i> fa-scissors</div>
@@ -1413,7 +1413,7 @@
 
             <div class="col-sm-6 col-md-4 col-lg-3"><i class="fa fa-long-arrow-right"></i> fa-long-arrow-right</div>
 
-            <div class="col-sm-6 col-md-4 col-lg-3"><i class="feather icon-arrow-up"></i> fa-long-arrow-up</div>
+            <div class="col-sm-6 col-md-4 col-lg-3"><i class="fa fa-long-arrow-up"></i> fa-long-arrow-up</div>
 
             <div class="col-sm-6 col-md-4 col-lg-3"><i class="fa fa-toggle-down"></i> fa-toggle-down <span class="text-muted">(alias)</span>
             </div>

resources/views/helpers/glyphicons.blade.php

@@ -1,1353 +0,0 @@
-<style>
-    .bs-glyphicons {
-        margin: 0 -10px 20px;
-        overflow: hidden;
-    }
-    .bs-glyphicons-list {
-        padding-left: 0;
-        list-style: none;
-    }
-    .bs-glyphicons li {
-        float: left;
-        width: 115px;
-        height: 115px;
-        padding: 10px;
-        font-size: 10px;
-        line-height: 1.4;
-        text-align: center;
-        background-color: #f9f9f9;
-        border: 1px solid #fff;
-    }
-    .bs-glyphicons .glyphicon {
-        margin-top: 5px;
-        margin-bottom: 10px;
-        font-size: 24px;
-    }
-    .bs-glyphicons .glyphicon-class {
-        display: block;
-        text-align: center;
-        word-wrap: break-word;
-    }
-
-</style>
-
-<div class="bs-glyphicons">
-    <ul class="bs-glyphicons-list">
-
-        <li>
-            <span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-asterisk</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-plus</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-euro" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-euro</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-eur" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-eur</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-minus</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-cloud" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-cloud</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-envelope</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-pencil</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-glass" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-glass</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-music" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-music</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-search</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-heart</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-star</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-star-empty</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-user</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-film" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-film</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-th-large" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-th-large</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-th" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-th</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-th-list</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-ok</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-remove</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-zoom-in</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-zoom-out" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-zoom-out</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-off</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-signal" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-signal</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-cog</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-trash</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-home" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-home</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-file" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-file</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-time</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-road" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-road</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-download-alt</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-download" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-download</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-upload" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-upload</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-inbox" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-inbox</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-play-circle" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-play-circle</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-repeat" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-repeat</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-refresh</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-list-alt</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-lock" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-lock</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-flag" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-flag</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-headphones" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-headphones</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-volume-off" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-volume-off</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-volume-down" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-volume-down</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-volume-up" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-volume-up</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-qrcode" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-qrcode</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-barcode" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-barcode</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-tag" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-tag</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-tags</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-book" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-book</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-bookmark" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-bookmark</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-print" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-print</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-camera" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-camera</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-font" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-font</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-bold" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-bold</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-italic" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-italic</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-text-height" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-text-height</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-text-width" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-text-width</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-align-left" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-align-left</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-align-center" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-align-center</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-align-right" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-align-right</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-align-justify" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-align-justify</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-list" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-list</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-indent-left" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-indent-left</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-indent-right" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-indent-right</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-facetime-video" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-facetime-video</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-picture</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-map-marker</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-adjust" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-adjust</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-tint" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-tint</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-edit</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-share" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-share</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-check" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-check</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-move" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-move</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-step-backward" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-step-backward</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-fast-backward" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-fast-backward</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-backward" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-backward</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-play" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-play</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-pause" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-pause</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-stop" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-stop</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-forward" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-forward</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-fast-forward" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-fast-forward</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-step-forward" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-step-forward</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-eject" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-eject</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-chevron-left</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-chevron-right</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-plus-sign</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-minus-sign" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-minus-sign</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-remove-sign" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-remove-sign</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-ok-sign</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-question-sign</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-info-sign</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-screenshot" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-screenshot</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-remove-circle" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-remove-circle</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-ok-circle" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-ok-circle</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-ban-circle" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-ban-circle</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-arrow-left</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-arrow-right</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-arrow-up</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-arrow-down</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-share-alt" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-share-alt</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-resize-full" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-resize-full</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-resize-small" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-resize-small</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-exclamation-sign</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-gift" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-gift</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-leaf</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-fire" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-fire</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-eye-open</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-eye-close</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-warning-sign" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-warning-sign</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-plane" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-plane</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-calendar</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-random" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-random</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-comment" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-comment</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-magnet" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-magnet</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-chevron-up" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-chevron-up</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-chevron-down</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-retweet" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-retweet</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-shopping-cart</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-folder-close" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-folder-close</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-folder-open</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-resize-vertical" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-resize-vertical</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-resize-horizontal" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-resize-horizontal</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-hdd" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-hdd</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-bullhorn</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-bell" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-bell</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-certificate" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-certificate</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-thumbs-up</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-thumbs-down" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-thumbs-down</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-hand-right" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-hand-right</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-hand-left" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-hand-left</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-hand-up" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-hand-up</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-hand-down" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-hand-down</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-circle-arrow-right" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-right</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-circle-arrow-left" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-left</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-circle-arrow-up" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-up</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-circle-arrow-down" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-down</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-globe" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-globe</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-wrench" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-wrench</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-tasks" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-tasks</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-filter" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-filter</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-briefcase</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-fullscreen</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-dashboard" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-dashboard</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-paperclip" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-paperclip</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-heart-empty</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-link" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-link</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-phone" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-phone</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-pushpin" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-pushpin</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-usd" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-usd</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-gbp" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-gbp</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-sort" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-sort</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-sort-by-alphabet" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-sort-by-alphabet</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-sort-by-alphabet-alt" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-sort-by-alphabet-alt</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-sort-by-order" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-sort-by-order</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-sort-by-order-alt" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-sort-by-order-alt</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-sort-by-attributes" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-sort-by-attributes</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-sort-by-attributes-alt" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-sort-by-attributes-alt</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-unchecked</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-expand" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-expand</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-collapse-down" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-collapse-down</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-collapse-up" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-collapse-up</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-log-in" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-log-in</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-flash" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-flash</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-log-out" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-log-out</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-new-window</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-record" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-record</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-save" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-save</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-open" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-open</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-saved" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-saved</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-import" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-import</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-export" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-export</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-send" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-send</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-floppy-disk</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-floppy-saved" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-floppy-saved</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-floppy-remove" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-floppy-remove</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-floppy-save" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-floppy-save</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-floppy-open" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-floppy-open</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-credit-card" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-credit-card</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-transfer" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-transfer</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-cutlery" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-cutlery</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-header" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-header</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-compressed" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-compressed</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-earphone</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-phone-alt" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-phone-alt</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-tower" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-tower</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-stats" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-stats</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-sd-video" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-sd-video</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-hd-video" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-hd-video</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-subtitles" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-subtitles</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-sound-stereo" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-sound-stereo</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-sound-dolby" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-sound-dolby</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-sound-5-1" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-sound-5-1</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-sound-6-1" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-sound-6-1</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-sound-7-1" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-sound-7-1</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-copyright-mark" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-copyright-mark</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-registration-mark" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-registration-mark</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-cloud-download</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-cloud-upload" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-cloud-upload</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-tree-conifer" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-tree-conifer</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-tree-deciduous" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-tree-deciduous</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-cd" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-cd</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-save-file" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-save-file</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-open-file" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-open-file</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-level-up" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-level-up</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-copy" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-copy</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-paste" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-paste</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-alert" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-alert</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-equalizer" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-equalizer</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-king" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-king</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-queen" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-queen</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-pawn" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-pawn</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-bishop" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-bishop</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-knight" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-knight</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-baby-formula" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-baby-formula</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-tent" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-tent</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-blackboard" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-blackboard</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-bed" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-bed</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-apple" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-apple</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-erase" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-erase</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-hourglass" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-hourglass</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-lamp" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-lamp</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-duplicate" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-duplicate</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-piggy-bank" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-piggy-bank</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-scissors" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-scissors</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-bitcoin" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-bitcoin</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-btc" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-btc</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-xbt" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-xbt</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-yen" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-yen</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-jpy" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-jpy</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-ruble" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-ruble</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-rub" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-rub</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-scale" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-scale</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-ice-lolly" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-ice-lolly</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-ice-lolly-tasted" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-ice-lolly-tasted</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-education" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-education</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-option-horizontal" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-option-horizontal</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-option-vertical" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-option-vertical</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-menu-hamburger</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-modal-window" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-modal-window</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-oil" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-oil</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-grain" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-grain</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-sunglasses" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-sunglasses</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-text-size" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-text-size</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-text-color" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-text-color</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-text-background" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-text-background</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-object-align-top" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-object-align-top</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-object-align-bottom" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-object-align-bottom</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-object-align-horizontal" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-object-align-horizontal</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-object-align-left" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-object-align-left</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-object-align-vertical" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-object-align-vertical</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-object-align-right" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-object-align-right</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-triangle-right</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-triangle-left" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-triangle-left</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-triangle-bottom</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-triangle-top" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-triangle-top</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-console" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-console</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-superscript" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-superscript</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-subscript" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-subscript</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-menu-left</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-menu-right</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-menu-down" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-menu-down</span>
-        </li>
-
-        <li>
-            <span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span>
-            <span class="glyphicon-class">glyphicon glyphicon-menu-up</span>
-        </li>
-
-    </ul>
-</div>

resources/views/helpers/material.blade.php

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

resources/views/helpers/themify.blade.php

@@ -1,1112 +0,0 @@
-<div class="">
-    <div class="">
-        <h4 class="header-title page-header" style="margin-top:0">Arrows &amp; Direction Icons &nbsp;
-            <span class="text-muted m-b-15 " style="font-size:14px">
-                Use  <code>&lt;i class="ti-arrow-up"&gt;&lt;/i&gt;</code>.
-            </span>
-        </h4>
-        <div class="row icon-list-demo">
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-arrow-up"></i> ti-arrow-up
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-arrow-right"></i> ti-arrow-right
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-arrow-left"></i> ti-arrow-left
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-arrow-down"></i> ti-arrow-down
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-arrows-vertical"></i> ti-arrows-vertical
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-arrows-horizontal"></i> ti-arrows-horizontal
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-angle-up"></i> ti-angle-up
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-angle-right"></i> ti-angle-right
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-angle-left"></i> ti-angle-left
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-angle-down"></i> ti-angle-down
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-angle-double-up"></i> ti-angle-double-up
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-angle-double-right"></i> ti-angle-double-right
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-angle-double-left"></i> ti-angle-double-left
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-angle-double-down"></i> ti-angle-double-down
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-move"></i> ti-move
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-fullscreen"></i> ti-fullscreen
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-arrow-top-right"></i> ti-arrow-top-right
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-arrow-top-left"></i> ti-arrow-top-left
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-arrow-circle-up"></i> ti-arrow-circle-up
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-arrow-circle-right"></i> ti-arrow-circle-right
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-arrow-circle-left"></i> ti-arrow-circle-left
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-arrow-circle-down"></i> ti-arrow-circle-down
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-arrows-corner"></i> ti-arrows-corner
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-split-v"></i> ti-split-v
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-split-v-alt"></i> ti-split-v-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-split-h"></i> ti-split-h
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-hand-point-up"></i> ti-hand-point-up
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-hand-point-right"></i> ti-hand-point-right
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-hand-point-left"></i> ti-hand-point-left
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-hand-point-down"></i> ti-hand-point-down
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-back-right"></i> ti-back-right
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-back-left"></i> ti-back-left
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-exchange-vertical"></i> ti-exchange-vertical
-            </div>
-
-
-        </div>
-        <!-- End row -->
-
-
-
-
-        <h4 class="page-header header-title">Web App Icons </h4>
-        <div class="row icon-list-demo">
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-wand"></i> ti-wand
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-save"></i> ti-save
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-save-alt"></i> ti-save-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-direction"></i> ti-direction
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-direction-alt"></i> ti-direction-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-user"></i> ti-user
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-link"></i> ti-link
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-unlink"></i> ti-unlink
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-trash"></i> ti-trash
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-target"></i> ti-target
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-tag"></i> ti-tag
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-desktop"></i> ti-desktop
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-tablet"></i> ti-tablet
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-mobile"></i> ti-mobile
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-email"></i> ti-email
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-star"></i> ti-star
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-spray"></i> ti-spray
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-signal"></i> ti-signal
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-shopping-cart"></i> ti-shopping-cart
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-shopping-cart-full"></i> ti-shopping-cart-full
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-settings"></i> ti-settings
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-search"></i> ti-search
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-zoom-in"></i> ti-zoom-in
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-zoom-out"></i> ti-zoom-out
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-cut"></i> ti-cut
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-ruler"></i> ti-ruler
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-ruler-alt-2"></i> ti-ruler-alt-2
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-ruler-pencil"></i> ti-ruler-pencil
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-ruler-alt"></i> ti-ruler-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-bookmark"></i> ti-bookmark
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-bookmark-alt"></i> ti-bookmark-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-reload"></i> ti-reload
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-plus"></i> ti-plus
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-minus"></i> ti-minus
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-close"></i> ti-close
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-pin"></i> ti-pin
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-pencil"></i> ti-pencil
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-pencil-alt"></i> ti-pencil-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-paint-roller"></i> ti-paint-roller
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-paint-bucket"></i> ti-paint-bucket
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-na"></i> ti-na
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-medall"></i> ti-medall
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-medall-alt"></i> ti-medall-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-marker"></i> ti-marker
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-marker-alt"></i> ti-marker-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-lock"></i> ti-lock
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-unlock"></i> ti-unlock
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-location-arrow"></i> ti-location-arrow
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout"></i> ti-layout
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layers"></i> ti-layers
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layers-alt"></i> ti-layers-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-key"></i> ti-key
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-image"></i> ti-image
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-heart"></i> ti-heart
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-heart-broken"></i> ti-heart-broken
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-hand-stop"></i> ti-hand-stop
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-hand-open"></i> ti-hand-open
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-hand-drag"></i> ti-hand-drag
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-flag"></i> ti-flag
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-flag-alt"></i> ti-flag-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-flag-alt-2"></i> ti-flag-alt-2
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-eye"></i> ti-eye
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-import"></i> ti-import
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-export"></i> ti-export
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-cup"></i> ti-cup
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-crown"></i> ti-crown
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-comments"></i> ti-comments
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-comment"></i> ti-comment
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-comment-alt"></i> ti-comment-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-thought"></i> ti-thought
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-clip"></i> ti-clip
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-check"></i> ti-check
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-check-box"></i> ti-check-box
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-camera"></i> ti-camera
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-announcement"></i> ti-announcement
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-brush"></i> ti-brush
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-brush-alt"></i> ti-brush-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-palette"></i> ti-palette
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-briefcase"></i> ti-briefcase
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-bolt"></i> ti-bolt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-bolt-alt"></i> ti-bolt-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-blackboard"></i> ti-blackboard
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-bag"></i> ti-bag
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-world"></i> ti-world
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-wheelchair"></i> ti-wheelchair
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-car"></i> ti-car
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-truck"></i> ti-truck
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-timer"></i> ti-timer
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-ticket"></i> ti-ticket
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-thumb-up"></i> ti-thumb-up
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-thumb-down"></i> ti-thumb-down
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-stats-up"></i> ti-stats-up
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-stats-down"></i> ti-stats-down
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-shine"></i> ti-shine
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-shift-right"></i> ti-shift-right
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-shift-left"></i> ti-shift-left
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-shift-right-alt"></i> ti-shift-right-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-shift-left-alt"></i> ti-shift-left-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-shield"></i> ti-shield
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-notepad"></i> ti-notepad
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-server"></i> ti-server
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-pulse"></i> ti-pulse
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-printer"></i> ti-printer
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-power-off"></i> ti-power-off
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-plug"></i> ti-plug
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-pie-chart"></i> ti-pie-chart
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-panel"></i> ti-panel
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-package"></i> ti-package
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-music"></i> ti-music
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-music-alt"></i> ti-music-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-mouse"></i> ti-mouse
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-mouse-alt"></i> ti-mouse-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-money"></i> ti-money
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-microphone"></i> ti-microphone
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-menu"></i> ti-menu
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-menu-alt"></i> ti-menu-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-map"></i> ti-map
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-map-alt"></i> ti-map-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-location-pin"></i> ti-location-pin
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-light-bulb"></i> ti-light-bulb
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-info"></i> ti-info
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-infinite"></i> ti-infinite
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-id-badge"></i> ti-id-badge
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-hummer"></i> ti-hummer
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-home"></i> ti-home
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-help"></i> ti-help
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-headphone"></i> ti-headphone
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-harddrives"></i> ti-harddrives
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-harddrive"></i> ti-harddrive
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-gift"></i> ti-gift
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-game"></i> ti-game
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-filter"></i> ti-filter
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-files"></i> ti-files
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-file"></i> ti-file
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-zip"></i> ti-zip
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-folder"></i> ti-folder
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-envelope"></i> ti-envelope
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-dashboard"></i> ti-dashboard
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-cloud"></i> ti-cloud
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-cloud-up"></i> ti-cloud-up
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-cloud-down"></i> ti-cloud-down
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-clipboard"></i> ti-clipboard
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-calendar"></i> ti-calendar
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-book"></i> ti-book
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-bell"></i> ti-bell
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-basketball"></i> ti-basketball
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-bar-chart"></i> ti-bar-chart
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-bar-chart-alt"></i> ti-bar-chart-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-archive"></i> ti-archive
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-anchor"></i> ti-anchor
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-alert"></i> ti-alert
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-alarm-clock"></i> ti-alarm-clock
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-agenda"></i> ti-agenda
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-write"></i> ti-write
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-wallet"></i> ti-wallet
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-video-clapper"></i> ti-video-clapper
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-video-camera"></i> ti-video-camera
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-vector"></i> ti-vector
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-support"></i> ti-support
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-stamp"></i> ti-stamp
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-slice"></i> ti-slice
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-shortcode"></i> ti-shortcode
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-receipt"></i> ti-receipt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-pin2"></i> ti-pin2
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-pin-alt"></i> ti-pin-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-pencil-alt2"></i> ti-pencil-alt2
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-eraser"></i> ti-eraser
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-more"></i> ti-more
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-more-alt"></i> ti-more-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-microphone-alt"></i> ti-microphone-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-magnet"></i> ti-magnet
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-line-double"></i> ti-line-double
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-line-dotted"></i> ti-line-dotted
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-line-dashed"></i> ti-line-dashed
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-ink-pen"></i> ti-ink-pen
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-info-alt"></i> ti-info-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-help-alt"></i> ti-help-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-headphone-alt"></i> ti-headphone-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-gallery"></i> ti-gallery
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-face-smile"></i> ti-face-smile
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-face-sad"></i> ti-face-sad
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-credit-card"></i> ti-credit-card
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-comments-smiley"></i> ti-comments-smiley
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-time"></i> ti-time
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-share"></i> ti-share
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-share-alt"></i> ti-share-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-rocket"></i> ti-rocket
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-new-window"></i> ti-new-window
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-rss"></i> ti-rss
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-rss-alt"></i> ti-rss-alt
-            </div>
-
-        </div>
-        <!-- End row -->
-
-        <h4 class="page-header header-title">Control Icons</h4>
-
-        <div class="row icon-list-demo">
-
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-control-stop"></i> ti-control-stop
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-control-shuffle"></i> ti-control-shuffle
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-control-play"></i> ti-control-play
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-control-pause"></i> ti-control-pause
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-control-forward"></i> ti-control-forward
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-control-backward"></i> ti-control-backward
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-volume"></i> ti-volume
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-control-skip-forward"></i> ti-control-skip-forward
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-control-skip-backward"></i> ti-control-skip-backward
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-control-record"></i> ti-control-record
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-control-eject"></i> ti-control-eject
-            </div>
-
-
-        </div>
-        <!-- End row -->
-
-
-        <h4 class="page-header header-title">Text Editor</h4>
-
-        <div class="row icon-list-demo">
-
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-paragraph"></i> ti-paragraph
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-uppercase"></i> ti-uppercase
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-underline"></i> ti-underline
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-text"></i> ti-text
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-Italic"></i> ti-Italic
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-smallcap"></i> ti-smallcap
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-list"></i> ti-list
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-list-ol"></i> ti-list-ol
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-align-right"></i> ti-align-right
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-align-left"></i> ti-align-left
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-align-justify"></i> ti-align-justify
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-align-center"></i> ti-align-center
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-quote-right"></i> ti-quote-right
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-quote-left"></i> ti-quote-left
-            </div>
-
-        </div>
-        <!-- End row -->
-
-        <h4 class="page-header header-title">Layout Icons</h4>
-
-        <div class="row icon-list-demo">
-
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-width-full"></i> ti-layout-width-full
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-width-default"></i> ti-layout-width-default
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-width-default-alt"></i> ti-layout-width-default-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-tab"></i> ti-layout-tab
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-tab-window"></i> ti-layout-tab-window
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-tab-v"></i> ti-layout-tab-v
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-tab-min"></i> ti-layout-tab-min
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-slider"></i> ti-layout-slider
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-slider-alt"></i> ti-layout-slider-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-sidebar-right"></i> ti-layout-sidebar-right
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-sidebar-none"></i> ti-layout-sidebar-none
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-sidebar-left"></i> ti-layout-sidebar-left
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-placeholder"></i> ti-layout-placeholder
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-menu"></i> ti-layout-menu
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-menu-v"></i> ti-layout-menu-v
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-menu-separated"></i> ti-layout-menu-separated
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-menu-full"></i> ti-layout-menu-full
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-media-right"></i> ti-layout-media-right
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-media-right-alt"></i> ti-layout-media-right-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-media-overlay"></i> ti-layout-media-overlay
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-media-overlay-alt"></i> ti-layout-media-overlay-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-media-overlay-alt-2"></i> ti-layout-media-overlay-alt-2
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-media-left"></i> ti-layout-media-left
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-media-left-alt"></i> ti-layout-media-left-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-media-center"></i> ti-layout-media-center
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-media-center-alt"></i> ti-layout-media-center-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-list-thumb"></i> ti-layout-list-thumb
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-list-thumb-alt"></i> ti-layout-list-thumb-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-list-post"></i> ti-layout-list-post
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-list-large-image"></i> ti-layout-list-large-image
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-line-solid"></i> ti-layout-line-solid
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-grid4"></i> ti-layout-grid4
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-grid3"></i> ti-layout-grid3
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-grid2"></i> ti-layout-grid2
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-grid2-thumb"></i> ti-layout-grid2-thumb
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-cta-right"></i> ti-layout-cta-right
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-cta-left"></i> ti-layout-cta-left
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-cta-center"></i> ti-layout-cta-center
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-cta-btn-right"></i> ti-layout-cta-btn-right
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-cta-btn-left"></i> ti-layout-cta-btn-left
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-column4"></i> ti-layout-column4
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-column3"></i> ti-layout-column3
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-column2"></i> ti-layout-column2
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-accordion-separated"></i> ti-layout-accordion-separated
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-accordion-merged"></i> ti-layout-accordion-merged
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-accordion-list"></i> ti-layout-accordion-list
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-widgetized"></i> ti-widgetized
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-widget"></i> ti-widget
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-widget-alt"></i> ti-widget-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-view-list"></i> ti-view-list
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-view-list-alt"></i> ti-view-list-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-view-grid"></i> ti-view-grid
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-upload"></i> ti-upload
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-download"></i> ti-download
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-loop"></i> ti-loop
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-sidebar-2"></i> ti-layout-sidebar-2
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-grid4-alt"></i> ti-layout-grid4-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-grid3-alt"></i> ti-layout-grid3-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-grid2-alt"></i> ti-layout-grid2-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-column4-alt"></i> ti-layout-column4-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-column3-alt"></i> ti-layout-column3-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-layout-column2-alt"></i> ti-layout-column2-alt
-            </div>
-
-
-        </div>
-        <!-- End row -->
-
-        <h4 class="page-header header-title">Brand Icons</h4>
-
-        <div class="row icon-list-demo">
-
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-flickr"></i> ti-flickr
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-flickr-alt"></i> ti-flickr-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-instagram"></i> ti-instagram
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-google"></i> ti-google
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-github"></i> ti-github
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-facebook"></i> ti-facebook
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-dropbox"></i> ti-dropbox
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-dropbox-alt"></i> ti-dropbox-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-dribbble"></i> ti-dribbble
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-apple"></i> ti-apple
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-android"></i> ti-android
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-yahoo"></i> ti-yahoo
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-trello"></i> ti-trello
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-stack-overflow"></i> ti-stack-overflow
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-soundcloud"></i> ti-soundcloud
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-sharethis"></i> ti-sharethis
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-sharethis-alt"></i> ti-sharethis-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-reddit"></i> ti-reddit
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-microsoft"></i> ti-microsoft
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-microsoft-alt"></i> ti-microsoft-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-linux"></i> ti-linux
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-jsfiddle"></i> ti-jsfiddle
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-joomla"></i> ti-joomla
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-html5"></i> ti-html5
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-css3"></i> ti-css3
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-drupal"></i> ti-drupal
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-wordpress"></i> ti-wordpress
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-tumblr"></i> ti-tumblr
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-tumblr-alt"></i> ti-tumblr-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-skype"></i> ti-skype
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-youtube"></i> ti-youtube
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-vimeo"></i> ti-vimeo
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-vimeo-alt"></i> ti-vimeo-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-twitter"></i> ti-twitter
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-twitter-alt"></i> ti-twitter-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-linkedin"></i> ti-linkedin
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-pinterest"></i> ti-pinterest
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-pinterest-alt"></i> ti-pinterest-alt
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-themify-logo"></i> ti-themify-logo
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-themify-favicon"></i> ti-themify-favicon
-            </div>
-            <div class="col-sm-6 col-md-4 col-lg-3">
-                <i class="ti-themify-favicon-alt"></i> ti-themify-favicon-alt
-            </div>
-
-        </div>
-        <!-- End row -->
-
-    </div> <!-- end panel-body -->
-</div>

src/Controllers/IconController.php

@@ -29,9 +29,8 @@ class IconController extends Controller
             $tab = Tab::make()
                 ->withCard()
                 ->padding('20px')
-                ->add(('Themify'), view('admin::helpers.themify'))
-                ->add(('Font Awesome'), view('admin::helpers.font-awesome'))
-                ->add(('Glyphicons'), view('admin::helpers.glyphicons'));
+                ->add(('Feather'), view('admin::helpers.feather'))
+                ->add(('Font Awesome'), view('admin::helpers.font-awesome'));
 
             $row->column(12, $tab);
         });