<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Dore jQuery</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
    <link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />

    <link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
    <link rel="stylesheet" href="css/vendor/bootstrap.rtl.only.min.css" />
    <link rel="stylesheet" href="css/vendor/perfect-scrollbar.css" />
    <link rel="stylesheet" href="css/vendor/component-custom-switch.min.css" />
    <link rel="stylesheet" href="css/main.css" />
</head>

<body id="app-container" class="menu-default show-spinner">
    <nav class="navbar fixed-top">
        <div class="d-flex align-items-center navbar-left">
            <a href="#" class="menu-button d-none d-md-block">
                <svg class="main" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 17">
                    <rect x="0.48" y="0.5" width="7" height="1" />
                    <rect x="0.48" y="7.5" width="7" height="1" />
                    <rect x="0.48" y="15.5" width="7" height="1" />
                </svg>
                <svg class="sub" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17">
                    <rect x="1.56" y="0.5" width="16" height="1" />
                    <rect x="1.56" y="7.5" width="16" height="1" />
                    <rect x="1.56" y="15.5" width="16" height="1" />
                </svg>
            </a>

            <a href="#" class="menu-button-mobile d-xs-block d-sm-block d-md-none">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 17">
                    <rect x="0.5" y="0.5" width="25" height="1" />
                    <rect x="0.5" y="7.5" width="25" height="1" />
                    <rect x="0.5" y="15.5" width="25" height="1" />
                </svg>
            </a>

            <div class="search" data-search-path="Pages.Search.html?q=">
                <input placeholder="Search...">
                <span class="search-icon">
                    <i class="simple-icon-magnifier"></i>
                </span>
            </div>

            <a class="btn btn-sm btn-outline-primary ml-3 d-none d-md-inline-block"
                href="https://1.envato.market/5kAb">&nbsp;BUY&nbsp;</a>
        </div>

        <a class="navbar-logo" href="Dashboard.Default.html">
            <span class="logo d-none d-xs-block"></span>
            <span class="logo-mobile d-block d-xs-none"></span>
        </a>

        <div class="navbar-right">
            <div class="header-icons d-inline-block align-middle">
                <div class="d-none d-md-inline-block align-text-bottom mr-3">
                    <div class="custom-switch custom-switch-primary-inverse custom-switch-small pl-1" 
                        data-toggle="tooltip" data-placement="left" title="Dark Mode">
                        <input class="custom-switch-input" id="switchDark" type="checkbox" checked>
                        <label class="custom-switch-btn" for="switchDark"></label>
                    </div>
                </div>

                <div class="position-relative d-none d-sm-inline-block">
                    <button class="header-icon btn btn-empty" type="button" id="iconMenuButton" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false">
                        <i class="simple-icon-grid"></i>
                    </button>
                    <div class="dropdown-menu dropdown-menu-right mt-3  position-absolute" id="iconMenuDropdown">
                        <a href="#" class="icon-menu-item">
                            <i class="iconsminds-equalizer d-block"></i>
                            <span>Settings</span>
                        </a>

                        <a href="#" class="icon-menu-item">
                            <i class="iconsminds-male-female d-block"></i>
                            <span>Users</span>
                        </a>

                        <a href="#" class="icon-menu-item">
                            <i class="iconsminds-puzzle d-block"></i>
                            <span>Components</span>
                        </a>

                        <a href="#" class="icon-menu-item">
                            <i class="iconsminds-bar-chart-4 d-block"></i>
                            <span>Profits</span>
                        </a>

                        <a href="#" class="icon-menu-item">
                            <i class="iconsminds-file d-block"></i>
                            <span>Surveys</span>
                        </a>

                        <a href="#" class="icon-menu-item">
                            <i class="iconsminds-suitcase d-block"></i>
                            <span>Tasks</span>
                        </a>

                    </div>
                </div>

                <div class="position-relative d-inline-block">
                    <button class="header-icon btn btn-empty" type="button" id="notificationButton"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <i class="simple-icon-bell"></i>
                        <span class="count">3</span>
                    </button>
                    <div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="notificationDropdown">
                        <div class="scroll">
                            <div class="d-flex flex-row mb-3 pb-3 border-bottom">
                                <a href="#">
                                    <img src="img/profiles/l-2.jpg" alt="Notification Image"
                                        class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
                                </a>
                                <div class="pl-3">
                                    <a href="#">
                                        <p class="font-weight-medium mb-1">Joisse Kaycee just sent a new comment!</p>
                                        <p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
                                    </a>
                                </div>
                            </div>
                            <div class="d-flex flex-row mb-3 pb-3 border-bottom">
                                <a href="#">
                                    <img src="img/notifications/1.jpg" alt="Notification Image"
                                        class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
                                </a>
                                <div class="pl-3">
                                    <a href="#">
                                        <p class="font-weight-medium mb-1">1 item is out of stock!</p>
                                        <p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
                                    </a>
                                </div>
                            </div>
                            <div class="d-flex flex-row mb-3 pb-3 border-bottom">
                                <a href="#">
                                    <img src="img/notifications/2.jpg" alt="Notification Image"
                                        class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
                                </a>
                                <div class="pl-3">
                                    <a href="#">
                                        <p class="font-weight-medium mb-1">New order received! It is total $147,20.</p>
                                        <p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
                                    </a>
                                </div>
                            </div>
                            <div class="d-flex flex-row mb-3 pb-3 ">
                                <a href="#">
                                    <img src="img/notifications/3.jpg" alt="Notification Image"
                                        class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
                                </a>
                                <div class="pl-3">
                                    <a href="#">
                                        <p class="font-weight-medium mb-1">3 items just added to wish list by a user!
                                        </p>
                                        <p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <button class="header-icon btn btn-empty d-none d-sm-inline-block" type="button" id="fullScreenButton">
                    <i class="simple-icon-size-fullscreen"></i>
                    <i class="simple-icon-size-actual"></i>
                </button>

            </div>

            <div class="user d-inline-block">
                <button class="btn btn-empty p-0" type="button" data-toggle="dropdown" aria-haspopup="true"
                    aria-expanded="false">
                    <span class="name">Sarah Kortney</span>
                    <span>
                        <img alt="Profile Picture" src="img/profiles/l-1.jpg" />
                    </span>
                </button>

                <div class="dropdown-menu dropdown-menu-right mt-3">
                    <a class="dropdown-item" href="#">Account</a>
                    <a class="dropdown-item" href="#">Features</a>
                    <a class="dropdown-item" href="#">History</a>
                    <a class="dropdown-item" href="#">Support</a>
                    <a class="dropdown-item" href="#">Sign out</a>
                </div>
            </div>
        </div>
    </nav>
    <div class="menu">
        <div class="main-menu">
            <div class="scroll">
                <ul class="list-unstyled">
                    <li>
                        <a href="#dashboard">
                            <i class="iconsminds-shop-4"></i>
                            <span>Dashboards</span>
                        </a>
                    </li>
                    <li>
                        <a href="#layouts">
                            <i class="iconsminds-digital-drawing"></i> Pages
                        </a>
                    </li>
                    <li>
                        <a href="#applications">
                            <i class="iconsminds-air-balloon-1"></i> Applications
                        </a>
                    </li>
                    <li class="active">
                        <a href="#ui">
                            <i class="iconsminds-pantone"></i> UI
                        </a>
                    </li>
                    <li>
                        <a href="#menu">
                            <i class="iconsminds-three-arrow-fork"></i> Menu
                        </a>
                    </li>
                    <li>
                        <a href="Blank.Page.html">
                            <i class="iconsminds-bucket"></i> Blank Page
                        </a>
                    </li>
                    <li>
                        <a href="https://dore-jquery-docs.coloredstrategies.com" target="_blank">
                            <i class="iconsminds-library"></i> Docs
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="sub-menu">
            <div class="scroll">
                <ul class="list-unstyled" data-link="dashboard">
                    <li>
                        <a href="Dashboard.Default.html">
                            <i class="simple-icon-rocket"></i> <span class="d-inline-block">Default</span>
                        </a>
                    </li>
                    <li>
                        <a href="Dashboard.Analytics.html">
                            <i class="simple-icon-pie-chart"></i> <span class="d-inline-block">Analytics</span>
                        </a>
                    </li>
                    <li>
                        <a href="Dashboard.Ecommerce.html">
                            <i class="simple-icon-basket-loaded"></i> <span class="d-inline-block">Ecommerce</span>
                        </a>
                    </li>
                    <li>
                        <a href="Dashboard.Content.html">
                            <i class="simple-icon-doc"></i> <span class="d-inline-block">Content</span>
                        </a>
                    </li>
                </ul>
                <ul class="list-unstyled" data-link="layouts" id="layouts">
                    <li>
                        <a href="#" data-toggle="collapse" data-target="#collapseAuthorization" aria-expanded="true"
                            aria-controls="collapseAuthorization" class="rotate-arrow-icon opacity-50">
                            <i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Authorization</span>
                        </a>
                        <div id="collapseAuthorization" class="collapse show">
                            <ul class="list-unstyled inner-level-menu">
                                <li>
                                    <a href="login.html">
                                        <i class="simple-icon-user-following"></i> <span
                                            class="d-inline-block">Login</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Pages.Auth.Register.html">
                                        <i class="simple-icon-user-follow"></i> <span
                                            class="d-inline-block">Register</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Pages.Auth.ForgotPassword.html">
                                        <i class="simple-icon-user-unfollow"></i> <span class="d-inline-block">Forgot
                                            Password</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" data-toggle="collapse" data-target="#collapseProduct" aria-expanded="true"
                            aria-controls="collapseProduct" class="rotate-arrow-icon opacity-50">
                            <i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Product</span>
                        </a>
                        <div id="collapseProduct" class="collapse show">
                            <ul class="list-unstyled inner-level-menu">
                                <li>
                                    <a href="Pages.Product.List.html">
                                        <i class="simple-icon-credit-card"></i> <span class="d-inline-block">Data
                                            List</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Pages.Product.Thumbs.html">
                                        <i class="simple-icon-list"></i> <span class="d-inline-block">Thumb
                                            List</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Pages.Product.Images.html">
                                        <i class="simple-icon-grid"></i> <span class="d-inline-block">Image
                                            List</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Pages.Product.Detail.html">
                                        <i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" data-toggle="collapse" data-target="#collapseProfile" aria-expanded="true"
                            aria-controls="collapseProfile" class="rotate-arrow-icon opacity-50">
                            <i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Profile</span>
                        </a>
                        <div id="collapseProfile" class="collapse show">
                            <ul class="list-unstyled inner-level-menu">
                                <li>
                                    <a href="Pages.Profile.Social.html">
                                        <i class="simple-icon-share"></i> <span class="d-inline-block">Social</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Pages.Profile.Portfolio.html">
                                        <i class="simple-icon-link"></i> <span class="d-inline-block">Portfolio</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" data-toggle="collapse" data-target="#collapseBlog" aria-expanded="true"
                            aria-controls="collapseBlog" class="rotate-arrow-icon opacity-50">
                            <i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Blog</span>
                        </a>
                        <div id="collapseBlog" class="collapse show">
                            <ul class="list-unstyled inner-level-menu">
                                <li>
                                    <a href="Pages.Blog.html">
                                        <i class="simple-icon-list"></i> <span class="d-inline-block">List</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Pages.Blog.Detail.html">
                                        <i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="edit_booking.html">
                                        <i class="simple-icon-picture"></i> <span class="d-inline-block">Detail
                                            Alt</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" data-toggle="collapse" data-target="#collapseMisc" aria-expanded="true"
                            aria-controls="collapseMisc" class="rotate-arrow-icon opacity-50">
                            <i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Miscellaneous</span>
                        </a>
                        <div id="collapseMisc" class="collapse show">
                            <ul class="list-unstyled inner-level-menu">
                                <li>
                                    <a href="Pages.Misc.Coming.Soon.html">
                                        <i class="simple-icon-hourglass"></i> <span class="d-inline-block">Coming
                                            Soon</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Pages.Misc.Error.html">
                                        <i class="simple-icon-exclamation"></i> <span
                                            class="d-inline-block">Error</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Pages.Misc.Faq.html">
                                        <i class="simple-icon-question"></i> <span class="d-inline-block">Faq</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Pages.Misc.Invoice.html">
                                        <i class="simple-icon-bag"></i> <span class="d-inline-block">Invoice</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Pages.Misc.Knowledge.Base.html">
                                        <i class="simple-icon-graduation"></i> <span class="d-inline-block">Knowledge
                                            Base</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Pages.Misc.Mailing.html">
                                        <i class="simple-icon-envelope-open"></i> <span
                                            class="d-inline-block">Mailing</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Pages.Misc.Pricing.html">
                                        <i class="simple-icon-diamond"></i> <span class="d-inline-block">Pricing</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Pages.Misc.Search.html">
                                        <i class="simple-icon-magnifier"></i> <span class="d-inline-block">Search</span>
                                    </a>
                                </li>

                            </ul>
                        </div>
                    </li>
                </ul>
                <ul class="list-unstyled" data-link="applications">
                    <li>
                        <a href="Apps.MediaLibrary.html">
                            <i class="simple-icon-picture"></i> <span class="d-inline-block">Library</span>
                        </a>
                    </li>
                    <li>
                        <a href="Apps.Todo.List.html">
                            <i class="simple-icon-check"></i> <span class="d-inline-block">Todo</span>
                        </a>
                    </li>
                    <li>
                        <a href="Apps.Survey.List.html">
                            <i class="simple-icon-calculator"></i> <span class="d-inline-block">Survey</span>
                        </a>
                    </li>
                    <li>
                        <a href="Apps.Chat.html">
                            <i class="simple-icon-bubbles"></i> <span class="d-inline-block">Chat</span>
                        </a>
                    </li>
                </ul>
                <ul class="list-unstyled" data-link="ui">
                    <li>
                        <a href="#" data-toggle="collapse" data-target="#collapseForms" aria-expanded="true"
                            aria-controls="collapseForms" class="rotate-arrow-icon opacity-50">
                            <i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Forms</span>
                        </a>
                        <div id="collapseForms" class="collapse show">
                            <ul class="list-unstyled inner-level-menu">
                                <li>
                                    <a href="Ui.Forms.Components.html">
                                        <i class="simple-icon-event"></i> <span class="d-inline-block">Components</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Ui.Forms.Layouts.html">
                                        <i class="simple-icon-doc"></i> <span class="d-inline-block">Layouts</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Ui.Forms.Validation.html">
                                        <i class="simple-icon-check"></i> <span class="d-inline-block">Validation</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Ui.Forms.Wizard.html">
                                        <i class="simple-icon-magic-wand"></i> <span
                                            class="d-inline-block">Wizard</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" data-toggle="collapse" data-target="#collapseDataTables" aria-expanded="true"
                            aria-controls="collapseDataTables" class="rotate-arrow-icon opacity-50">
                            <i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Datatables</span>
                        </a>
                        <div id="collapseDataTables" class="collapse show">
                            <ul class="list-unstyled inner-level-menu">
                                <li>
                                    <a href="Ui.Datatables.Rows.html">
                                        <i class="simple-icon-screen-desktop"></i> <span class="d-inline-block">Full
                                            Page UI</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Ui.Datatables.Scroll.html">
                                        <i class="simple-icon-mouse"></i> <span class="d-inline-block">Scrollable</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Ui.Datatables.Pagination.html">
                                        <i class="simple-icon-notebook"></i> <span
                                            class="d-inline-block">Pagination</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Ui.Datatables.Default.html">
                                        <i class="simple-icon-grid"></i> <span class="d-inline-block">Default</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" data-toggle="collapse" data-target="#collapseComponents" aria-expanded="true"
                            aria-controls="collapseComponents" class="rotate-arrow-icon opacity-50">
                            <i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Components</span>
                        </a>
                        <div id="collapseComponents" class="collapse show">
                            <ul class="list-unstyled inner-level-menu">
                                <li>
                                    <a href="Ui.Components.Alerts.html">
                                        <i class="simple-icon-bell"></i> <span class="d-inline-block">Alerts</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Ui.Components.Badges.html">
                                        <i class="simple-icon-badge"></i> <span class="d-inline-block">Badges</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Ui.Components.Buttons.html">
                                        <i class="simple-icon-control-play"></i> <span
                                            class="d-inline-block">Buttons</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Ui.Components.Cards.html">
                                        <i class="simple-icon-layers"></i> <span class="d-inline-block">Cards</span>
                                    </a>
                                </li>

                                <li>
                                    <a href="Ui.Components.Carousel.html">
                                        <i class="simple-icon-picture"></i> <span class="d-inline-block">Carousel</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Ui.Components.Charts.html">
                                        <i class="simple-icon-chart"></i> <span class="d-inline-block">Charts</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Ui.Components.Collapse.html">
                                        <i class="simple-icon-arrow-up"></i> <span
                                            class="d-inline-block">Collapse</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Ui.Components.Dropdowns.html">
                                        <i class="simple-icon-arrow-down"></i> <span
                                            class="d-inline-block">Dropdowns</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Ui.Components.Editors.html">
                                        <i class="simple-icon-book-open"></i> <span
                                            class="d-inline-block">Editors</span>
                                    </a>
                                </li>
                                <li class="active">
                                    <a href="Ui.Components.Icons.html">
                                        <i class="simple-icon-star"></i> <span class="d-inline-block">Icons</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Ui.Components.InputGroups.html">
                                        <i class="simple-icon-note"></i> <span class="d-inline-block">Input
                                            Groups</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Ui.Components.Jumbotron.html">
                                        <i class="simple-icon-screen-desktop"></i> <span
                                            class="d-inline-block">Jumbotron</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Ui.Components.Modal.html">
                                        <i class="simple-icon-docs"></i> <span class="d-inline-block">Modal</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Ui.Components.Navigation.html">
                                        <i class="simple-icon-cursor"></i> <span
                                            class="d-inline-block">Navigation</span>
                                    </a>
                                </li>

                                <li>
                                    <a href="Ui.Components.PopoverandTooltip.html">
                                        <i class="simple-icon-pin"></i> <span class="d-inline-block">Popover &
                                            Tooltip</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Ui.Components.Sortable.html">
                                        <i class="simple-icon-shuffle"></i> <span class="d-inline-block">Sortable</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Ui.Components.Tables.html">
                                        <i class="simple-icon-grid"></i> <span class="d-inline-block">Tables</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>

                </ul>

                <ul class="list-unstyled" data-link="menu" id="menuTypes">
                    <li>
                        <a href="#" data-toggle="collapse" data-target="#collapseMenuTypes" aria-expanded="true"
                            aria-controls="collapseMenuTypes" class="rotate-arrow-icon">
                            <i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Types</span>
                        </a>
                        <div id="collapseMenuTypes" class="collapse show" data-parent="#menuTypes">
                            <ul class="list-unstyled inner-level-menu">
                                <li>
                                    <a href="Menu.Default.html">
                                        <i class="simple-icon-control-pause"></i> <span
                                            class="d-inline-block">Default</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Menu.Subhidden.html">
                                        <i class="simple-icon-arrow-left mi-subhidden"></i> <span
                                            class="d-inline-block">Subhidden</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Menu.Hidden.html">
                                        <i class="simple-icon-control-start mi-hidden"></i> <span
                                            class="d-inline-block">Hidden</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="Menu.Mainhidden.html">
                                        <i class="simple-icon-control-rewind mi-hidden"></i> <span
                                            class="d-inline-block">Mainhidden</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" data-toggle="collapse" data-target="#collapseMenuLevel" aria-expanded="true"
                            aria-controls="collapseMenuLevel" class="rotate-arrow-icon collapsed">
                            <i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Levels</span>
                        </a>
                        <div id="collapseMenuLevel" class="collapse" data-parent="#menuTypes">
                            <ul class="list-unstyled inner-level-menu">
                                <li>
                                    <a href="#">
                                        <i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
                                            Level</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" data-toggle="collapse" data-target="#collapseMenuLevel2"
                                        aria-expanded="true" aria-controls="collapseMenuLevel2"
                                        class="rotate-arrow-icon collapsed">
                                        <i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Another
                                            Level</span>
                                    </a>
                                    <div id="collapseMenuLevel2" class="collapse">
                                        <ul class="list-unstyled inner-level-menu">
                                            <li>
                                                <a href="#">
                                                    <i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
                                                        Level</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" data-toggle="collapse" data-target="#collapseMenuDetached" aria-expanded="true"
                            aria-controls="collapseMenuDetached" class="rotate-arrow-icon collapsed">
                            <i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Detached</span>
                        </a>
                        <div id="collapseMenuDetached" class="collapse">
                            <ul class="list-unstyled inner-level-menu">
                                <li>
                                    <a href="#">
                                        <i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
                                            Level</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
                
            </div>
        </div>
    </div>

    <main>
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">

                    <h1>Icons</h1>
                    <nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
                        <ol class="breadcrumb pt-0">
                            <li class="breadcrumb-item">
                                <a href="#">Home</a>
                            </li>
                            <li class="breadcrumb-item">
                                <a href="#">Library</a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">Data</li>
                        </ol>
                    </nav>
                    <div class="separator mb-5"></div>

                </div>
            </div>

            <div class="row">

                <div class="col-12">
                    <div class="card mb-4">
                        <div class="card-body">
                            <h5 class="mb-4">Simple Line Icons (189 icons)</h5>

                            <div class="simple-line-icons">
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-user"></div>
                                    <div class="class-name">simple-icon-user</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-people"></div>
                                    <div class="class-name">simple-icon-people</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-user-female"></div>
                                    <div class="class-name">simple-icon-user-female</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-user-follow"></div>
                                    <div class="class-name">simple-icon-user-follow</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-user-following"></div>
                                    <div class="class-name">simple-icon-user-following</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-user-unfollow"></div>
                                    <div class="class-name">simple-icon-user-unfollow</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-login"></div>
                                    <div class="class-name">simple-icon-login</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-logout"></div>
                                    <div class="class-name">simple-icon-logout</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-emotsmile"></div>
                                    <div class="class-name">simple-icon-emotsmile</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-phone"></div>
                                    <div class="class-name">simple-icon-phone</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-call-end"></div>
                                    <div class="class-name">simple-icon-call-end</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-call-in"></div>
                                    <div class="class-name">simple-icon-call-in</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-call-out"></div>
                                    <div class="class-name">simple-icon-call-out</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-map"></div>
                                    <div class="class-name">simple-icon-map</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-location-pin"></div>
                                    <div class="class-name">simple-icon-location-pin</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-direction"></div>
                                    <div class="class-name">simple-icon-direction</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-directions"></div>
                                    <div class="class-name">simple-icon-directions</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-compass"></div>
                                    <div class="class-name">simple-icon-compass</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-layers"></div>
                                    <div class="class-name">simple-icon-layers</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-menu"></div>
                                    <div class="class-name">simple-icon-menu</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-list"></div>
                                    <div class="class-name">simple-icon-list</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-options-vertical"></div>
                                    <div class="class-name">simple-icon-options-vertical</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-options"></div>
                                    <div class="class-name">simple-icon-options</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-arrow-down"></div>
                                    <div class="class-name">simple-icon-arrow-down</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-arrow-left"></div>
                                    <div class="class-name">simple-icon-arrow-left</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-arrow-right"></div>
                                    <div class="class-name">simple-icon-arrow-right</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-arrow-up"></div>
                                    <div class="class-name">simple-icon-arrow-up</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-arrow-up-circle"></div>
                                    <div class="class-name">simple-icon-arrow-up-circle</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-arrow-left-circle"></div>
                                    <div class="class-name">simple-icon-arrow-left-circle</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-arrow-right-circle"></div>
                                    <div class="class-name">simple-icon-arrow-right-circle</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-arrow-down-circle"></div>
                                    <div class="class-name">simple-icon-arrow-down-circle</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-check"></div>
                                    <div class="class-name">simple-icon-check</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-clock"></div>
                                    <div class="class-name">simple-icon-clock</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-plus"></div>
                                    <div class="class-name">simple-icon-plus</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-minus"></div>
                                    <div class="class-name">simple-icon-minus</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-close"></div>
                                    <div class="class-name">simple-icon-close</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-event"></div>
                                    <div class="class-name">simple-icon-event</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-exclamation"></div>
                                    <div class="class-name">simple-icon-exclamation</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-organization"></div>
                                    <div class="class-name">simple-icon-organization</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-trophy"></div>
                                    <div class="class-name">simple-icon-trophy</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-screen-smartphone"></div>
                                    <div class="class-name">simple-icon-screen-smartphone</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-screen-desktop"></div>
                                    <div class="class-name">simple-icon-screen-desktop</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-plane"></div>
                                    <div class="class-name">simple-icon-plane</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-notebook"></div>
                                    <div class="class-name">simple-icon-notebook</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-mustache"></div>
                                    <div class="class-name">simple-icon-mustache</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-mouse"></div>
                                    <div class="class-name">simple-icon-mouse</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-magnet"></div>
                                    <div class="class-name">simple-icon-magnet</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-energy"></div>
                                    <div class="class-name">simple-icon-energy</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-disc"></div>
                                    <div class="class-name">simple-icon-disc</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-cursor"></div>
                                    <div class="class-name">simple-icon-cursor</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-cursor-move"></div>
                                    <div class="class-name">simple-icon-cursor-move</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-crop"></div>
                                    <div class="class-name">simple-icon-crop</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-chemistry"></div>
                                    <div class="class-name">simple-icon-chemistry</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-speedometer"></div>
                                    <div class="class-name">simple-icon-speedometer</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-shield"></div>
                                    <div class="class-name">simple-icon-shield</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-screen-tablet"></div>
                                    <div class="class-name">simple-icon-screen-tablet</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-magic-wand"></div>
                                    <div class="class-name">simple-icon-magic-wand</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-hourglass"></div>
                                    <div class="class-name">simple-icon-hourglass</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-graduation"></div>
                                    <div class="class-name">simple-icon-graduation</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-ghost"></div>
                                    <div class="class-name">simple-icon-ghost</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-game-controller"></div>
                                    <div class="class-name">simple-icon-game-controller</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-fire"></div>
                                    <div class="class-name">simple-icon-fire</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-eyeglass"></div>
                                    <div class="class-name">simple-icon-eyeglass</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-envelope-open"></div>
                                    <div class="class-name">simple-icon-envelope-open</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-envelope-letter"></div>
                                    <div class="class-name">simple-icon-envelope-letter</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-bell"></div>
                                    <div class="class-name">simple-icon-bell</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-badge"></div>
                                    <div class="class-name">simple-icon-badge</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-anchor"></div>
                                    <div class="class-name">simple-icon-anchor</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-wallet"></div>
                                    <div class="class-name">simple-icon-wallet</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-vector"></div>
                                    <div class="class-name">simple-icon-vector</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-speech"></div>
                                    <div class="class-name">simple-icon-speech</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-puzzle"></div>
                                    <div class="class-name">simple-icon-puzzle</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-printer"></div>
                                    <div class="class-name">simple-icon-printer</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-present"></div>
                                    <div class="class-name">simple-icon-present</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-playlist"></div>
                                    <div class="class-name">simple-icon-playlist</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-pin"></div>
                                    <div class="class-name">simple-icon-pin</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-picture"></div>
                                    <div class="class-name">simple-icon-picture</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-handbag"></div>
                                    <div class="class-name">simple-icon-handbag</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-globe-alt"></div>
                                    <div class="class-name">simple-icon-globe-alt</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-globe"></div>
                                    <div class="class-name">simple-icon-globe</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-folder-alt"></div>
                                    <div class="class-name">simple-icon-folder-alt</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-folder"></div>
                                    <div class="class-name">simple-icon-folder</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-film"></div>
                                    <div class="class-name">simple-icon-film</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-feed"></div>
                                    <div class="class-name">simple-icon-feed</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-drop"></div>
                                    <div class="class-name">simple-icon-drop</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-drawer"></div>
                                    <div class="class-name">simple-icon-drawer</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-docs"></div>
                                    <div class="class-name">simple-icon-docs</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-doc"></div>
                                    <div class="class-name">simple-icon-doc</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-diamond"></div>
                                    <div class="class-name">simple-icon-diamond</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-cup"></div>
                                    <div class="class-name">simple-icon-cup</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-calculator"></div>
                                    <div class="class-name">simple-icon-calculator</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-bubbles"></div>
                                    <div class="class-name">simple-icon-bubbles</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-briefcase"></div>
                                    <div class="class-name">simple-icon-briefcase</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-book-open"></div>
                                    <div class="class-name">simple-icon-book-open</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-basket-loaded"></div>
                                    <div class="class-name">simple-icon-basket-loaded</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-basket"></div>
                                    <div class="class-name">simple-icon-basket</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-bag"></div>
                                    <div class="class-name">simple-icon-bag</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-action-undo"></div>
                                    <div class="class-name">simple-icon-action-undo</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-action-redo"></div>
                                    <div class="class-name">simple-icon-action-redo</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-wrench"></div>
                                    <div class="class-name">simple-icon-wrench</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-umbrella"></div>
                                    <div class="class-name">simple-icon-umbrella</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-trash"></div>
                                    <div class="class-name">simple-icon-trash</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-tag"></div>
                                    <div class="class-name">simple-icon-tag</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-support"></div>
                                    <div class="class-name">simple-icon-support</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-frame"></div>
                                    <div class="class-name">simple-icon-frame</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-size-fullscreen"></div>
                                    <div class="class-name">simple-icon-size-fullscreen</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-size-actual"></div>
                                    <div class="class-name">simple-icon-size-actual</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-shuffle"></div>
                                    <div class="class-name">simple-icon-shuffle</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-share-alt"></div>
                                    <div class="class-name">simple-icon-share-alt</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-share"></div>
                                    <div class="class-name">simple-icon-share</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-rocket"></div>
                                    <div class="class-name">simple-icon-rocket</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-question"></div>
                                    <div class="class-name">simple-icon-question</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-pie-chart"></div>
                                    <div class="class-name">simple-icon-pie-chart</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-pencil"></div>
                                    <div class="class-name">simple-icon-pencil</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-note"></div>
                                    <div class="class-name">simple-icon-note</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-loop"></div>
                                    <div class="class-name">simple-icon-loop</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-home"></div>
                                    <div class="class-name">simple-icon-home</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-grid"></div>
                                    <div class="class-name">simple-icon-grid</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-graph"></div>
                                    <div class="class-name">simple-icon-graph</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-microphone"></div>
                                    <div class="class-name">simple-icon-microphone</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-music-tone-alt"></div>
                                    <div class="class-name">simple-icon-music-tone-alt</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-music-tone"></div>
                                    <div class="class-name">simple-icon-music-tone</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-earphones-alt"></div>
                                    <div class="class-name">simple-icon-earphones-alt</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-earphones"></div>
                                    <div class="class-name">simple-icon-earphones</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-equalizer"></div>
                                    <div class="class-name">simple-icon-equalizer</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-like"></div>
                                    <div class="class-name">simple-icon-like</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-dislike"></div>
                                    <div class="class-name">simple-icon-dislike</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-control-start"></div>
                                    <div class="class-name">simple-icon-control-start</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-control-rewind"></div>
                                    <div class="class-name">simple-icon-control-rewind</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-control-play"></div>
                                    <div class="class-name">simple-icon-control-play</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-control-pause"></div>
                                    <div class="class-name">simple-icon-control-pause</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-control-forward"></div>
                                    <div class="class-name">simple-icon-control-forward</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-control-end"></div>
                                    <div class="class-name">simple-icon-control-end</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-volume-1"></div>
                                    <div class="class-name">simple-icon-volume-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-volume-2"></div>
                                    <div class="class-name">simple-icon-volume-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-volume-off"></div>
                                    <div class="class-name">simple-icon-volume-off</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-calendar"></div>
                                    <div class="class-name">simple-icon-calendar</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-bulb"></div>
                                    <div class="class-name">simple-icon-bulb</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-chart"></div>
                                    <div class="class-name">simple-icon-chart</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-ban"></div>
                                    <div class="class-name">simple-icon-ban</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-bubble"></div>
                                    <div class="class-name">simple-icon-bubble</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-camrecorder"></div>
                                    <div class="class-name">simple-icon-camrecorder</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-camera"></div>
                                    <div class="class-name">simple-icon-camera</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-cloud-download"></div>
                                    <div class="class-name">simple-icon-cloud-download</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-cloud-upload"></div>
                                    <div class="class-name">simple-icon-cloud-upload</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-envelope"></div>
                                    <div class="class-name">simple-icon-envelope</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-eye"></div>
                                    <div class="class-name">simple-icon-eye</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-flag"></div>
                                    <div class="class-name">simple-icon-flag</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-heart"></div>
                                    <div class="class-name">simple-icon-heart</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-info"></div>
                                    <div class="class-name">simple-icon-info</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-key"></div>
                                    <div class="class-name">simple-icon-key</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-link"></div>
                                    <div class="class-name">simple-icon-link</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-lock"></div>
                                    <div class="class-name">simple-icon-lock</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-lock-open"></div>
                                    <div class="class-name">simple-icon-lock-open</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-magnifier"></div>
                                    <div class="class-name">simple-icon-magnifier</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-magnifier-add"></div>
                                    <div class="class-name">simple-icon-magnifier-add</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-magnifier-remove"></div>
                                    <div class="class-name">simple-icon-magnifier-remove</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-paper-clip"></div>
                                    <div class="class-name">simple-icon-paper-clip</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-paper-plane"></div>
                                    <div class="class-name">simple-icon-paper-plane</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-power"></div>
                                    <div class="class-name">simple-icon-power</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-refresh"></div>
                                    <div class="class-name">simple-icon-refresh</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-reload"></div>
                                    <div class="class-name">simple-icon-reload</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-settings"></div>
                                    <div class="class-name">simple-icon-settings</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-star"></div>
                                    <div class="class-name">simple-icon-star</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-symbol-female"></div>
                                    <div class="class-name">simple-icon-symbol-female</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-symbol-male"></div>
                                    <div class="class-name">simple-icon-symbol-male</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-target"></div>
                                    <div class="class-name">simple-icon-target</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-credit-card"></div>
                                    <div class="class-name">simple-icon-credit-card</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-paypal"></div>
                                    <div class="class-name">simple-icon-paypal</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-social-tumblr"></div>
                                    <div class="class-name">simple-icon-social-tumblr</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-social-twitter"></div>
                                    <div class="class-name">simple-icon-social-twitter</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-social-facebook"></div>
                                    <div class="class-name">simple-icon-social-facebook</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-social-instagram"></div>
                                    <div class="class-name">simple-icon-social-instagram</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-social-linkedin"></div>
                                    <div class="class-name">simple-icon-social-linkedin</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-social-pinterest"></div>
                                    <div class="class-name">simple-icon-social-pinterest</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-social-github"></div>
                                    <div class="class-name">simple-icon-social-github</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-social-google"></div>
                                    <div class="class-name">simple-icon-social-google</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-social-reddit"></div>
                                    <div class="class-name">simple-icon-social-reddit</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-social-skype"></div>
                                    <div class="class-name">simple-icon-social-skype</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-social-dribbble"></div>
                                    <div class="class-name">simple-icon-social-dribbble</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-social-behance"></div>
                                    <div class="class-name">simple-icon-social-behance</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-social-foursqare"></div>
                                    <div class="class-name">simple-icon-social-foursqare</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-social-soundcloud"></div>
                                    <div class="class-name">simple-icon-social-soundcloud</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-social-spotify"></div>
                                    <div class="class-name">simple-icon-social-spotify</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-social-stumbleupon"></div>
                                    <div class="class-name">simple-icon-social-stumbleupon</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-social-youtube"></div>
                                    <div class="class-name">simple-icon-social-youtube</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-social-dropbox"></div>
                                    <div class="class-name">simple-icon-social-dropbox</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-social-vkontakte"></div>
                                    <div class="class-name">simple-icon-social-vkontakte</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon simple-icon-social-steam"></div>
                                    <div class="class-name">simple-icon-social-steam</div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card mb-4">
                        <div class="card-body">
                            <h5 class="mb-4">Iconsmind Icons</h5>


                            <h6 class="mb-4">Alignment & Paragraph</h6>

                            <div class="mind-icons mb-5">
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-add-space-after-paragraph"></div>
                                    <div class="class-name">iconsminds-add-space-after-paragraph</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-add-space-before-paragraph"></div>
                                    <div class="class-name">iconsminds-add-space-before-paragraph</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-align-center"></div>
                                    <div class="class-name">iconsminds-align-center</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-align-justify-all"></div>
                                    <div class="class-name">iconsminds-align-justify-all</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-align-justify-center"></div>
                                    <div class="class-name">iconsminds-align-justify-center</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-align-justify-left"></div>
                                    <div class="class-name">iconsminds-align-justify-left</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-align-justify-right"></div>
                                    <div class="class-name">iconsminds-align-justify-right</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-align-left"></div>
                                    <div class="class-name">iconsminds-align-left</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-align-right"></div>
                                    <div class="class-name">iconsminds-align-right</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-decrase-inedit"></div>
                                    <div class="class-name">iconsminds-decrase-inedit</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-increase-inedit"></div>
                                    <div class="class-name">iconsminds-increase-inedit</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-indent-first-line"></div>
                                    <div class="class-name">iconsminds-indent-first-line</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-indent-left-margin"></div>
                                    <div class="class-name">iconsminds-indent-left-margin</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-indent-right-margin"></div>
                                    <div class="class-name">iconsminds-indent-right-margin</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-line-spacing"></div>
                                    <div class="class-name">iconsminds-line-spacing</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">Arrow View</h6>

                            <div class="mind-icons mb-5">
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-fork"></div>
                                    <div class="class-name">iconsminds-arrow-fork</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-from"></div>
                                    <div class="class-name">iconsminds-arrow-from</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-inside-45"></div>
                                    <div class="class-name">iconsminds-arrow-inside-45</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-inside-gap-45"></div>
                                    <div class="class-name">iconsminds-arrow-inside-gap-45</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-inside-gap"></div>
                                    <div class="class-name">iconsminds-arrow-inside-gap</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-inside"></div>
                                    <div class="class-name">iconsminds-arrow-inside</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-into"></div>
                                    <div class="class-name">iconsminds-arrow-into</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-junction"></div>
                                    <div class="class-name">iconsminds-arrow-junction</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-loop"></div>
                                    <div class="class-name">iconsminds-arrow-loop</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-merge"></div>
                                    <div class="class-name">iconsminds-arrow-merge</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-mix"></div>
                                    <div class="class-name">iconsminds-arrow-mix</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-out-left"></div>
                                    <div class="class-name">iconsminds-arrow-out-left</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-out-right"></div>
                                    <div class="class-name">iconsminds-arrow-out-right</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-outside-45"></div>
                                    <div class="class-name">iconsminds-arrow-outside-45</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-outside-gap-45"></div>
                                    <div class="class-name">iconsminds-arrow-outside-gap-45</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-outside-gap"></div>
                                    <div class="class-name">iconsminds-arrow-outside-gap</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-outside"></div>
                                    <div class="class-name">iconsminds-arrow-outside</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-over"></div>
                                    <div class="class-name">iconsminds-arrow-over</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-shuffle"></div>
                                    <div class="class-name">iconsminds-arrow-shuffle</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-squiggly"></div>
                                    <div class="class-name">iconsminds-arrow-squiggly</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-through"></div>
                                    <div class="class-name">iconsminds-arrow-through</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-to"></div>
                                    <div class="class-name">iconsminds-arrow-to</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-double-circle"></div>
                                    <div class="class-name">iconsminds-double-circle</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-full-view-2"></div>
                                    <div class="class-name">iconsminds-full-view-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-full-view"></div>
                                    <div class="class-name">iconsminds-full-view</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-maximize"></div>
                                    <div class="class-name">iconsminds-maximize</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-minimize"></div>
                                    <div class="class-name">iconsminds-minimize</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-resize"></div>
                                    <div class="class-name">iconsminds-resize</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-three-arrow-fork"></div>
                                    <div class="class-name">iconsminds-three-arrow-fork</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-view-height"></div>
                                    <div class="class-name">iconsminds-view-height</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-view-width"></div>
                                    <div class="class-name">iconsminds-view-width</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-around"></div>
                                    <div class="class-name">iconsminds-arrow-around</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-barrier"></div>
                                    <div class="class-name">iconsminds-arrow-barrier</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-circle"></div>
                                    <div class="class-name">iconsminds-arrow-circle</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-cross"></div>
                                    <div class="class-name">iconsminds-arrow-cross</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">Arrows</h6>

                            <div class="mind-icons mb-5">
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-back-2"></div>
                                    <div class="class-name">iconsminds-arrow-back-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-back-3"></div>
                                    <div class="class-name">iconsminds-arrow-back-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-back"></div>
                                    <div class="class-name">iconsminds-arrow-back</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-down-2"></div>
                                    <div class="class-name">iconsminds-arrow-down-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-down-3"></div>
                                    <div class="class-name">iconsminds-arrow-down-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-down-in-circle"></div>
                                    <div class="class-name">iconsminds-arrow-down-in-circle</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-down"></div>
                                    <div class="class-name">iconsminds-arrow-down</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-forward-2"></div>
                                    <div class="class-name">iconsminds-arrow-forward-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-forward"></div>
                                    <div class="class-name">iconsminds-arrow-forward</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-left-2"></div>
                                    <div class="class-name">iconsminds-arrow-left-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-left-in-circle"></div>
                                    <div class="class-name">iconsminds-arrow-left-in-circle</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-left"></div>
                                    <div class="class-name">iconsminds-arrow-left</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-next"></div>
                                    <div class="class-name">iconsminds-arrow-next</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-refresh-2"></div>
                                    <div class="class-name">iconsminds-arrow-refresh-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-refresh"></div>
                                    <div class="class-name">iconsminds-arrow-refresh</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-right-2"></div>
                                    <div class="class-name">iconsminds-arrow-right-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-right-in-circle"></div>
                                    <div class="class-name">iconsminds-arrow-right-in-circle</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-right"></div>
                                    <div class="class-name">iconsminds-arrow-right</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-turn-left"></div>
                                    <div class="class-name">iconsminds-arrow-turn-left</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-turn-right"></div>
                                    <div class="class-name">iconsminds-arrow-turn-right</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-up-2"></div>
                                    <div class="class-name">iconsminds-arrow-up-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-up-3"></div>
                                    <div class="class-name">iconsminds-arrow-up-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-up-in-circle"></div>
                                    <div class="class-name">iconsminds-arrow-up-in-circle</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-up"></div>
                                    <div class="class-name">iconsminds-arrow-up</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-x-left"></div>
                                    <div class="class-name">iconsminds-arrow-x-left</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-arrow-x-right"></div>
                                    <div class="class-name">iconsminds-arrow-x-right</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-bottom-to-top"></div>
                                    <div class="class-name">iconsminds-bottom-to-top</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-down"></div>
                                    <div class="class-name">iconsminds-down</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-down-2"></div>
                                    <div class="class-name">iconsminds-down-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-down-3"></div>
                                    <div class="class-name">iconsminds-down-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-download"></div>
                                    <div class="class-name">iconsminds-download</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-end"></div>
                                    <div class="class-name">iconsminds-end</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-fit-to-2"></div>
                                    <div class="class-name">iconsminds-fit-to-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-fit-to"></div>
                                    <div class="class-name">iconsminds-fit-to</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-full-screen-2"></div>
                                    <div class="class-name">iconsminds-full-screen-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-full-screen"></div>
                                    <div class="class-name">iconsminds-full-screen</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-go-bottom"></div>
                                    <div class="class-name">iconsminds-go-bottom</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-go-top"></div>
                                    <div class="class-name">iconsminds-go-top</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-left---right-3"></div>
                                    <div class="class-name">iconsminds-left---right-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-left---right"></div>
                                    <div class="class-name">iconsminds-left---right</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-left"></div>
                                    <div class="class-name">iconsminds-left</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-left-2"></div>
                                    <div class="class-name">iconsminds-left-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-left-3"></div>
                                    <div class="class-name">iconsminds-left-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-left-to-right"></div>
                                    <div class="class-name">iconsminds-left-to-right</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-loop"></div>
                                    <div class="class-name">iconsminds-loop</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-navigate-end"></div>
                                    <div class="class-name">iconsminds-navigate-end</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-navigat-start"></div>
                                    <div class="class-name">iconsminds-navigat-start</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-reload"></div>
                                    <div class="class-name">iconsminds-reload</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-reload-2"></div>
                                    <div class="class-name">iconsminds-reload-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-repeat"></div>
                                    <div class="class-name">iconsminds-repeat</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-repeat-2"></div>
                                    <div class="class-name">iconsminds-repeat-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-repeat-3"></div>
                                    <div class="class-name">iconsminds-repeat-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-repeat-4"></div>
                                    <div class="class-name">iconsminds-repeat-4</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-right"></div>
                                    <div class="class-name">iconsminds-right</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-right-2"></div>
                                    <div class="class-name">iconsminds-right-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-right-3"></div>
                                    <div class="class-name">iconsminds-right-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-right-to-left"></div>
                                    <div class="class-name">iconsminds-right-to-left</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-shuffle"></div>
                                    <div class="class-name">iconsminds-shuffle</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-shuffle-2"></div>
                                    <div class="class-name">iconsminds-shuffle-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-start"></div>
                                    <div class="class-name">iconsminds-start</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-sync"></div>
                                    <div class="class-name">iconsminds-sync</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-to-bottom-2"></div>
                                    <div class="class-name">iconsminds-to-bottom-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-to-bottom"></div>
                                    <div class="class-name">iconsminds-to-bottom</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-to-left"></div>
                                    <div class="class-name">iconsminds-to-left</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-top-to-bottom"></div>
                                    <div class="class-name">iconsminds-top-to-bottom</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-to-right"></div>
                                    <div class="class-name">iconsminds-to-right</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-to-top-2"></div>
                                    <div class="class-name">iconsminds-to-top-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-to-top"></div>
                                    <div class="class-name">iconsminds-to-top</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-triangle-arrow-down"></div>
                                    <div class="class-name">iconsminds-triangle-arrow-down</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-triangle-arrow-left"></div>
                                    <div class="class-name">iconsminds-triangle-arrow-left</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-triangle-arrow-right"></div>
                                    <div class="class-name">iconsminds-triangle-arrow-right</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-triangle-arrow-up"></div>
                                    <div class="class-name">iconsminds-triangle-arrow-up</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-turn-down-2"></div>
                                    <div class="class-name">iconsminds-turn-down-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-turn-down-from-left"></div>
                                    <div class="class-name">iconsminds-turn-down-from-left</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-turn-down-from-right"></div>
                                    <div class="class-name">iconsminds-turn-down-from-right</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-turn-down"></div>
                                    <div class="class-name">iconsminds-turn-down</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-turn-left-3"></div>
                                    <div class="class-name">iconsminds-turn-left-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-turn-left"></div>
                                    <div class="class-name">iconsminds-turn-left</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-turn-right-3"></div>
                                    <div class="class-name">iconsminds-turn-right-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-turn-right"></div>
                                    <div class="class-name">iconsminds-turn-right</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-turn-up-2"></div>
                                    <div class="class-name">iconsminds-turn-up-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-turn-up"></div>
                                    <div class="class-name">iconsminds-turn-up</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-up---down-3"></div>
                                    <div class="class-name">iconsminds-up---down-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-up---down"></div>
                                    <div class="class-name">iconsminds-up---down</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-up"></div>
                                    <div class="class-name">iconsminds-up</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-up-2"></div>
                                    <div class="class-name">iconsminds-up-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-up-3"></div>
                                    <div class="class-name">iconsminds-up-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-upload"></div>
                                    <div class="class-name">iconsminds-upload</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">Basic</h6>

                            <div class="mind-icons mb-5">

                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-billing"></div>
                                    <div class="class-name">iconsminds-billing</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-binocular"></div>
                                    <div class="class-name">iconsminds-binocular</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-bone"></div>
                                    <div class="class-name">iconsminds-bone</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-box-close"></div>
                                    <div class="class-name">iconsminds-box-close</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-box-with-folders"></div>
                                    <div class="class-name">iconsminds-box-with-folders</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-brush"></div>
                                    <div class="class-name">iconsminds-brush</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-bucket"></div>
                                    <div class="class-name">iconsminds-bucket</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-camera-3"></div>
                                    <div class="class-name">iconsminds-camera-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-camera-4"></div>
                                    <div class="class-name">iconsminds-camera-4</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-candle"></div>
                                    <div class="class-name">iconsminds-candle</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-candy"></div>
                                    <div class="class-name">iconsminds-candy</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-chair"></div>
                                    <div class="class-name">iconsminds-chair</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-control"></div>
                                    <div class="class-name">iconsminds-control</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-control-2"></div>
                                    <div class="class-name">iconsminds-control-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-crop-2"></div>
                                    <div class="class-name">iconsminds-crop-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-crown-2"></div>
                                    <div class="class-name">iconsminds-crown-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-dashboard"></div>
                                    <div class="class-name">iconsminds-dashboard</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-data-center"></div>
                                    <div class="class-name">iconsminds-data-center</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-data-cloud"></div>
                                    <div class="class-name">iconsminds-data-cloud</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-data-download"></div>
                                    <div class="class-name">iconsminds-data-download</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-data-storage"></div>
                                    <div class="class-name">iconsminds-data-storage</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-delete-file"></div>
                                    <div class="class-name">iconsminds-delete-file</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-dice"></div>
                                    <div class="class-name">iconsminds-dice</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-drill"></div>
                                    <div class="class-name">iconsminds-drill</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-duplicate-layer"></div>
                                    <div class="class-name">iconsminds-duplicate-layer</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-electricity"></div>
                                    <div class="class-name">iconsminds-electricity</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-factory"></div>
                                    <div class="class-name">iconsminds-factory</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-feather"></div>
                                    <div class="class-name">iconsminds-feather</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-file"></div>
                                    <div class="class-name">iconsminds-file</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-file-clipboard-file---text"></div>
                                    <div class="class-name">iconsminds-file-clipboard-file---text</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-file-clipboard"></div>
                                    <div class="class-name">iconsminds-file-clipboard</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-file-copy"></div>
                                    <div class="class-name">iconsminds-file-copy</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-file-edit"></div>
                                    <div class="class-name">iconsminds-file-edit</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-file-horizontal"></div>
                                    <div class="class-name">iconsminds-file-horizontal</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-files"></div>
                                    <div class="class-name">iconsminds-files</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-file-zip"></div>
                                    <div class="class-name">iconsminds-file-zip</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-filter-2"></div>
                                    <div class="class-name">iconsminds-filter-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-flash-2"></div>
                                    <div class="class-name">iconsminds-flash-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-folder"></div>
                                    <div class="class-name">iconsminds-folder</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-folder-add--"></div>
                                    <div class="class-name">iconsminds-folder-add--</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-folder-block"></div>
                                    <div class="class-name">iconsminds-folder-block</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-folder-close"></div>
                                    <div class="class-name">iconsminds-folder-close</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-folder-cloud"></div>
                                    <div class="class-name">iconsminds-folder-cloud</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-folder-delete"></div>
                                    <div class="class-name">iconsminds-folder-delete</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-folder-edit"></div>
                                    <div class="class-name">iconsminds-folder-edit</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-folder-open"></div>
                                    <div class="class-name">iconsminds-folder-open</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-folders"></div>
                                    <div class="class-name">iconsminds-folders</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-folder-zip"></div>
                                    <div class="class-name">iconsminds-folder-zip</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-funny-bicycle"></div>
                                    <div class="class-name">iconsminds-funny-bicycle</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-gas-pump"></div>
                                    <div class="class-name">iconsminds-gas-pump</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-gear"></div>
                                    <div class="class-name">iconsminds-gear</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-gear-2"></div>
                                    <div class="class-name">iconsminds-gear-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-gears"></div>
                                    <div class="class-name">iconsminds-gears</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-gift-box"></div>
                                    <div class="class-name">iconsminds-gift-box</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-grave"></div>
                                    <div class="class-name">iconsminds-grave</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-headphone"></div>
                                    <div class="class-name">iconsminds-headphone</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-headset"></div>
                                    <div class="class-name">iconsminds-headset</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-hipster-men"></div>
                                    <div class="class-name">iconsminds-hipster-men</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-hub"></div>
                                    <div class="class-name">iconsminds-hub</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-idea"></div>
                                    <div class="class-name">iconsminds-idea</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-information"></div>
                                    <div class="class-name">iconsminds-information</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-key"></div>
                                    <div class="class-name">iconsminds-key</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-knife"></div>
                                    <div class="class-name">iconsminds-knife</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-lantern"></div>
                                    <div class="class-name">iconsminds-lantern</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-layer-backward"></div>
                                    <div class="class-name">iconsminds-layer-backward</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-layer-forward"></div>
                                    <div class="class-name">iconsminds-layer-forward</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-library"></div>
                                    <div class="class-name">iconsminds-library</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-light-bulb-2"></div>
                                    <div class="class-name">iconsminds-light-bulb-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-loading"></div>
                                    <div class="class-name">iconsminds-loading</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-loading-2"></div>
                                    <div class="class-name">iconsminds-loading-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-loading-3"></div>
                                    <div class="class-name">iconsminds-loading-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-magic-wand"></div>
                                    <div class="class-name">iconsminds-magic-wand</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-magnifi-glass--"></div>
                                    <div class="class-name">iconsminds-magnifi-glass--</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-magnifi-glass--"></div>
                                    <div class="class-name">iconsminds-magnifi-glass--</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-magnifi-glass"></div>
                                    <div class="class-name">iconsminds-magnifi-glass</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-memory-card-2"></div>
                                    <div class="class-name">iconsminds-memory-card-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mine"></div>
                                    <div class="class-name">iconsminds-mine</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mustache-2"></div>
                                    <div class="class-name">iconsminds-mustache-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-office-lamp"></div>
                                    <div class="class-name">iconsminds-office-lamp</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-old-sticky-2"></div>
                                    <div class="class-name">iconsminds-old-sticky-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-on-off"></div>
                                    <div class="class-name">iconsminds-on-off</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-on-off-2"></div>
                                    <div class="class-name">iconsminds-on-off-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-on-off-3"></div>
                                    <div class="class-name">iconsminds-on-off-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-palette"></div>
                                    <div class="class-name">iconsminds-palette</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-paper"></div>
                                    <div class="class-name">iconsminds-paper</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-pen"></div>
                                    <div class="class-name">iconsminds-pen</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-photo"></div>
                                    <div class="class-name">iconsminds-photo</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-photo-album-2"></div>
                                    <div class="class-name">iconsminds-photo-album-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-power-station"></div>
                                    <div class="class-name">iconsminds-power-station</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-preview"></div>
                                    <div class="class-name">iconsminds-preview</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-pricing"></div>
                                    <div class="class-name">iconsminds-pricing</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-profile"></div>
                                    <div class="class-name">iconsminds-profile</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-project"></div>
                                    <div class="class-name">iconsminds-project</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-puzzle"></div>
                                    <div class="class-name">iconsminds-puzzle</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-refinery"></div>
                                    <div class="class-name">iconsminds-refinery</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-remove-file"></div>
                                    <div class="class-name">iconsminds-remove-file</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-rename"></div>
                                    <div class="class-name">iconsminds-rename</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-repair"></div>
                                    <div class="class-name">iconsminds-repair</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-ruler"></div>
                                    <div class="class-name">iconsminds-ruler</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-save"></div>
                                    <div class="class-name">iconsminds-save</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-scissor"></div>
                                    <div class="class-name">iconsminds-scissor</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-scroller"></div>
                                    <div class="class-name">iconsminds-scroller</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-scroller-2"></div>
                                    <div class="class-name">iconsminds-scroller-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-share"></div>
                                    <div class="class-name">iconsminds-share</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-smoking-pipe"></div>
                                    <div class="class-name">iconsminds-smoking-pipe</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-solar"></div>
                                    <div class="class-name">iconsminds-solar</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-statistic"></div>
                                    <div class="class-name">iconsminds-statistic</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-suitcase"></div>
                                    <div class="class-name">iconsminds-suitcase</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-support"></div>
                                    <div class="class-name">iconsminds-support</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-switch"></div>
                                    <div class="class-name">iconsminds-switch</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-tripod-with-camera"></div>
                                    <div class="class-name">iconsminds-tripod-with-camera</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-upgrade"></div>
                                    <div class="class-name">iconsminds-upgrade</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-user"></div>
                                    <div class="class-name">iconsminds-user</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-windmill"></div>
                                    <div class="class-name">iconsminds-windmill</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-witch-hat"></div>
                                    <div class="class-name">iconsminds-witch-hat</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-wrench"></div>
                                    <div class="class-name">iconsminds-wrench</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-add-file"></div>
                                    <div class="class-name">iconsminds-add-file</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-affiliate"></div>
                                    <div class="class-name">iconsminds-affiliate</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-anchor"></div>
                                    <div class="class-name">iconsminds-anchor</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-balloon"></div>
                                    <div class="class-name">iconsminds-balloon</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-beard-3"></div>
                                    <div class="class-name">iconsminds-beard-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-bicycle"></div>
                                    <div class="class-name">iconsminds-bicycle</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-big-data"></div>
                                    <div class="class-name">iconsminds-big-data</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-printer"></div>
                                    <div class="class-name">iconsminds-printer</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-sheep"></div>
                                    <div class="class-name">iconsminds-sheep</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cow"></div>
                                    <div class="class-name">iconsminds-cow</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-dog"></div>
                                    <div class="class-name">iconsminds-dog</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-deer"></div>
                                    <div class="class-name">iconsminds-deer</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-pantone"></div>
                                    <div class="class-name">iconsminds-pantone</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-digital-drawing"></div>
                                    <div class="class-name">iconsminds-digital-drawing</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-trophy-2"></div>
                                    <div class="class-name">iconsminds-trophy-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-life-safer"></div>
                                    <div class="class-name">iconsminds-life-safer</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-usb"></div>
                                    <div class="class-name">iconsminds-usb</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-flowerpot"></div>
                                    <div class="class-name">iconsminds-flowerpot</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">Buildings & Landmarks</h6>

                            <div class="mind-icons mb-5">

                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-eifel-tower"></div>
                                    <div class="class-name">iconsminds-eifel-tower</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-el-castillo"></div>
                                    <div class="class-name">iconsminds-el-castillo</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-embassy"></div>
                                    <div class="class-name">iconsminds-embassy</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-empire-state-building"></div>
                                    <div class="class-name">iconsminds-empire-state-building</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-factory-1"></div>
                                    <div class="class-name">iconsminds-factory-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-fire-staion"></div>
                                    <div class="class-name">iconsminds-fire-staion</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-home"></div>
                                    <div class="class-name">iconsminds-home</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-home-3"></div>
                                    <div class="class-name">iconsminds-home-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-home-4"></div>
                                    <div class="class-name">iconsminds-home-4</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-hotel"></div>
                                    <div class="class-name">iconsminds-hotel</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-japanese-gate"></div>
                                    <div class="class-name">iconsminds-japanese-gate</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-leaning-tower"></div>
                                    <div class="class-name">iconsminds-leaning-tower</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-lighthouse"></div>
                                    <div class="class-name">iconsminds-lighthouse</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-museum"></div>
                                    <div class="class-name">iconsminds-museum</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-office"></div>
                                    <div class="class-name">iconsminds-office</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-opera-house"></div>
                                    <div class="class-name">iconsminds-opera-house</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-piramids"></div>
                                    <div class="class-name">iconsminds-piramids</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-police-station"></div>
                                    <div class="class-name">iconsminds-police-station</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-post-office"></div>
                                    <div class="class-name">iconsminds-post-office</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-prater"></div>
                                    <div class="class-name">iconsminds-prater</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-roof"></div>
                                    <div class="class-name">iconsminds-roof</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-space-needle"></div>
                                    <div class="class-name">iconsminds-space-needle</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-the-white-house"></div>
                                    <div class="class-name">iconsminds-the-white-house</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-tower"></div>
                                    <div class="class-name">iconsminds-tower</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-bank"></div>
                                    <div class="class-name">iconsminds-bank</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-berlin-tower"></div>
                                    <div class="class-name">iconsminds-berlin-tower</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-big-bang"></div>
                                    <div class="class-name">iconsminds-big-bang</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-building"></div>
                                    <div class="class-name">iconsminds-building</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-castle"></div>
                                    <div class="class-name">iconsminds-castle</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-chinese-temple"></div>
                                    <div class="class-name">iconsminds-chinese-temple</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-chrysler-building"></div>
                                    <div class="class-name">iconsminds-chrysler-building</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-city-hall"></div>
                                    <div class="class-name">iconsminds-city-hall</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-clothing-store"></div>
                                    <div class="class-name">iconsminds-clothing-store</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-colosseum"></div>
                                    <div class="class-name">iconsminds-colosseum</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-column"></div>
                                    <div class="class-name">iconsminds-column</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-taj-mahal"></div>
                                    <div class="class-name">iconsminds-taj-mahal</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">Business & Finance</h6>

                            <div class="mind-icons mb-5">

                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-coins"></div>
                                    <div class="class-name">iconsminds-coins</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-coins-2"></div>
                                    <div class="class-name">iconsminds-coins-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-diamond"></div>
                                    <div class="class-name">iconsminds-diamond</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-dollar"></div>
                                    <div class="class-name">iconsminds-dollar</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-dollar-sign-2"></div>
                                    <div class="class-name">iconsminds-dollar-sign-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-euro"></div>
                                    <div class="class-name">iconsminds-euro</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-euro-sign-2"></div>
                                    <div class="class-name">iconsminds-euro-sign-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-financial"></div>
                                    <div class="class-name">iconsminds-financial</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-handshake"></div>
                                    <div class="class-name">iconsminds-handshake</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-pie-chart-3"></div>
                                    <div class="class-name">iconsminds-pie-chart-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-pie-chart"></div>
                                    <div class="class-name">iconsminds-pie-chart</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-pound"></div>
                                    <div class="class-name">iconsminds-pound</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-pound-sign-2"></div>
                                    <div class="class-name">iconsminds-pound-sign-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-safe-box"></div>
                                    <div class="class-name">iconsminds-safe-box</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-wallet"></div>
                                    <div class="class-name">iconsminds-wallet</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-bar-chart-4"></div>
                                    <div class="class-name">iconsminds-bar-chart-4</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-calendar-1"></div>
                                    <div class="class-name">iconsminds-calendar-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-calendar-4"></div>
                                    <div class="class-name">iconsminds-calendar-4</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-line-chart-1"></div>
                                    <div class="class-name">iconsminds-line-chart-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-line-chart-3"></div>
                                    <div class="class-name">iconsminds-line-chart-3</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">Clothes & Accesories</h6>

                            <div class="mind-icons mb-5">

                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-jeans"></div>
                                    <div class="class-name">iconsminds-jeans</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-sunglasses-w-3"></div>
                                    <div class="class-name">iconsminds-sunglasses-w-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-tie"></div>
                                    <div class="class-name">iconsminds-tie</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-t-shirt"></div>
                                    <div class="class-name">iconsminds-t-shirt</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-baby-clothes"></div>
                                    <div class="class-name">iconsminds-baby-clothes</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-belt"></div>
                                    <div class="class-name">iconsminds-belt</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-bikini"></div>
                                    <div class="class-name">iconsminds-bikini</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-blouse"></div>
                                    <div class="class-name">iconsminds-blouse</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-boot"></div>
                                    <div class="class-name">iconsminds-boot</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-bow-3"></div>
                                    <div class="class-name">iconsminds-bow-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-bra"></div>
                                    <div class="class-name">iconsminds-bra</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cap"></div>
                                    <div class="class-name">iconsminds-cap</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-coat"></div>
                                    <div class="class-name">iconsminds-coat</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-dress"></div>
                                    <div class="class-name">iconsminds-dress</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-glasses-3"></div>
                                    <div class="class-name">iconsminds-glasses-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-gloves"></div>
                                    <div class="class-name">iconsminds-gloves</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-hanger"></div>
                                    <div class="class-name">iconsminds-hanger</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-heels-2"></div>
                                    <div class="class-name">iconsminds-heels-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-jacket"></div>
                                    <div class="class-name">iconsminds-jacket</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-walkie-talkie"></div>
                                    <div class="class-name">iconsminds-walkie-talkie</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">Communications & Network</h6>

                            <div class="mind-icons mb-5">
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-wifi"></div>
                                    <div class="class-name">iconsminds-wifi</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-address-book-2"></div>
                                    <div class="class-name">iconsminds-address-book-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-bell"></div>
                                    <div class="class-name">iconsminds-bell</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-bird-delivering-letter"></div>
                                    <div class="class-name">iconsminds-bird-delivering-letter</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-communication-tower-2"></div>
                                    <div class="class-name">iconsminds-communication-tower-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-fax"></div>
                                    <div class="class-name">iconsminds-fax</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-megaphone"></div>
                                    <div class="class-name">iconsminds-megaphone</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-newspaper"></div>
                                    <div class="class-name">iconsminds-newspaper</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-old-telephone"></div>
                                    <div class="class-name">iconsminds-old-telephone</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-router"></div>
                                    <div class="class-name">iconsminds-router</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-telephone-2"></div>
                                    <div class="class-name">iconsminds-telephone-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-smartphone-4"></div>
                                    <div class="class-name">iconsminds-smartphone-4</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-tablet-3"></div>
                                    <div class="class-name">iconsminds-tablet-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-computer"></div>
                                    <div class="class-name">iconsminds-computer</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-laptop---phone"></div>
                                    <div class="class-name">iconsminds-laptop---phone</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-laptop---tablet"></div>
                                    <div class="class-name">iconsminds-laptop---tablet</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-laptop-3"></div>
                                    <div class="class-name">iconsminds-laptop-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-monitor"></div>
                                    <div class="class-name">iconsminds-monitor</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-monitor---laptop"></div>
                                    <div class="class-name">iconsminds-monitor---laptop</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-monitor---phone"></div>
                                    <div class="class-name">iconsminds-monitor---phone</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-monitor---tablet"></div>
                                    <div class="class-name">iconsminds-monitor---tablet</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-monitor-3"></div>
                                    <div class="class-name">iconsminds-monitor-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-monitor-vertical"></div>
                                    <div class="class-name">iconsminds-monitor-vertical</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-orientation"></div>
                                    <div class="class-name">iconsminds-orientation</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-phone-3"></div>
                                    <div class="class-name">iconsminds-phone-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-smartphone-3"></div>
                                    <div class="class-name">iconsminds-smartphone-3</div>
                                </div>
                                <div class="clearfix"></div>
                            </div>


                            <h6 class="mb-4">Education</h6>

                            <div class="mind-icons mb-5">
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-quill-3"></div>
                                    <div class="class-name">iconsminds-quill-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-student-hat"></div>
                                    <div class="class-name">iconsminds-student-hat</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-blackboard"></div>
                                    <div class="class-name">iconsminds-blackboard</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-book"></div>
                                    <div class="class-name">iconsminds-book</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-bookmark"></div>
                                    <div class="class-name">iconsminds-bookmark</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-books"></div>
                                    <div class="class-name">iconsminds-books</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-compass-2"></div>
                                    <div class="class-name">iconsminds-compass-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-diploma-2"></div>
                                    <div class="class-name">iconsminds-diploma-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-eraser-2"></div>
                                    <div class="class-name">iconsminds-eraser-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-formula"></div>
                                    <div class="class-name">iconsminds-formula</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-notepad"></div>
                                    <div class="class-name">iconsminds-notepad</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-open-book"></div>
                                    <div class="class-name">iconsminds-open-book</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-pen-2"></div>
                                    <div class="class-name">iconsminds-pen-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-pi"></div>
                                    <div class="class-name">iconsminds-pi</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-pipette"></div>
                                    <div class="class-name">iconsminds-pipette</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">Emails</h6>

                            <div class="mind-icons mb-5">

                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-block"></div>
                                    <div class="class-name">iconsminds-mail-block</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mailbox-empty"></div>
                                    <div class="class-name">iconsminds-mailbox-empty</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mailbox-full"></div>
                                    <div class="class-name">iconsminds-mailbox-full</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-delete"></div>
                                    <div class="class-name">iconsminds-mail-delete</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-favorite"></div>
                                    <div class="class-name">iconsminds-mail-favorite</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-forward"></div>
                                    <div class="class-name">iconsminds-mail-forward</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-gallery"></div>
                                    <div class="class-name">iconsminds-mail-gallery</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-inbox"></div>
                                    <div class="class-name">iconsminds-mail-inbox</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-link"></div>
                                    <div class="class-name">iconsminds-mail-link</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-lock"></div>
                                    <div class="class-name">iconsminds-mail-lock</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-love"></div>
                                    <div class="class-name">iconsminds-mail-love</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-money"></div>
                                    <div class="class-name">iconsminds-mail-money</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-open"></div>
                                    <div class="class-name">iconsminds-mail-open</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-outbox"></div>
                                    <div class="class-name">iconsminds-mail-outbox</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-password"></div>
                                    <div class="class-name">iconsminds-mail-password</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-photo"></div>
                                    <div class="class-name">iconsminds-mail-photo</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-read"></div>
                                    <div class="class-name">iconsminds-mail-read</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-remove-x"></div>
                                    <div class="class-name">iconsminds-mail-remove-x</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-reply-all"></div>
                                    <div class="class-name">iconsminds-mail-reply-all</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-reply"></div>
                                    <div class="class-name">iconsminds-mail-reply</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-search"></div>
                                    <div class="class-name">iconsminds-mail-search</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-send"></div>
                                    <div class="class-name">iconsminds-mail-send</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-settings"></div>
                                    <div class="class-name">iconsminds-mail-settings</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-unread"></div>
                                    <div class="class-name">iconsminds-mail-unread</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-video"></div>
                                    <div class="class-name">iconsminds-mail-video</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-with-at-sign"></div>
                                    <div class="class-name">iconsminds-mail-with-at-sign</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-with-cursors"></div>
                                    <div class="class-name">iconsminds-mail-with-cursors</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-new-mail"></div>
                                    <div class="class-name">iconsminds-new-mail</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-post-mail-2"></div>
                                    <div class="class-name">iconsminds-post-mail-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-post-mail"></div>
                                    <div class="class-name">iconsminds-post-mail</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-spam-mail"></div>
                                    <div class="class-name">iconsminds-spam-mail</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-stamp"></div>
                                    <div class="class-name">iconsminds-stamp</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-stamp-2"></div>
                                    <div class="class-name">iconsminds-stamp-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-voicemail"></div>
                                    <div class="class-name">iconsminds-voicemail</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-at-sign"></div>
                                    <div class="class-name">iconsminds-at-sign</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-box-full"></div>
                                    <div class="class-name">iconsminds-box-full</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-empty-box"></div>
                                    <div class="class-name">iconsminds-empty-box</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-envelope"></div>
                                    <div class="class-name">iconsminds-envelope</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-envelope-2"></div>
                                    <div class="class-name">iconsminds-envelope-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-inbox"></div>
                                    <div class="class-name">iconsminds-inbox</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-inbox-empty"></div>
                                    <div class="class-name">iconsminds-inbox-empty</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-inbox-forward"></div>
                                    <div class="class-name">iconsminds-inbox-forward</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-inbox-full"></div>
                                    <div class="class-name">iconsminds-inbox-full</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-inbox-into"></div>
                                    <div class="class-name">iconsminds-inbox-into</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-inbox-out"></div>
                                    <div class="class-name">iconsminds-inbox-out</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-inbox-reply"></div>
                                    <div class="class-name">iconsminds-inbox-reply</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-letter-close"></div>
                                    <div class="class-name">iconsminds-letter-close</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-letter-open"></div>
                                    <div class="class-name">iconsminds-letter-open</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-letter-sent"></div>
                                    <div class="class-name">iconsminds-letter-sent</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail"></div>
                                    <div class="class-name">iconsminds-mail</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-2"></div>
                                    <div class="class-name">iconsminds-mail-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-3"></div>
                                    <div class="class-name">iconsminds-mail-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-add--"></div>
                                    <div class="class-name">iconsminds-mail-add--</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mail-attachement"></div>
                                    <div class="class-name">iconsminds-mail-attachement</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">Food & Drinks</h6>

                            <div class="mind-icons mb-5">
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-ice-cream"></div>
                                    <div class="class-name">iconsminds-ice-cream</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-lollipop"></div>
                                    <div class="class-name">iconsminds-lollipop</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-open-banana"></div>
                                    <div class="class-name">iconsminds-open-banana</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-pepper"></div>
                                    <div class="class-name">iconsminds-pepper</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-tee-mug"></div>
                                    <div class="class-name">iconsminds-tee-mug</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-tomato"></div>
                                    <div class="class-name">iconsminds-tomato</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-apple"></div>
                                    <div class="class-name">iconsminds-apple</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-apple-bite"></div>
                                    <div class="class-name">iconsminds-apple-bite</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-beer-glass"></div>
                                    <div class="class-name">iconsminds-beer-glass</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-birthday-cake"></div>
                                    <div class="class-name">iconsminds-birthday-cake</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-bread"></div>
                                    <div class="class-name">iconsminds-bread</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cake"></div>
                                    <div class="class-name">iconsminds-cake</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-can"></div>
                                    <div class="class-name">iconsminds-can</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-can-2"></div>
                                    <div class="class-name">iconsminds-can-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cheese"></div>
                                    <div class="class-name">iconsminds-cheese</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-chef-hat"></div>
                                    <div class="class-name">iconsminds-chef-hat</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-chopsticks"></div>
                                    <div class="class-name">iconsminds-chopsticks</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cocktail"></div>
                                    <div class="class-name">iconsminds-cocktail</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-coffee"></div>
                                    <div class="class-name">iconsminds-coffee</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-coffee-bean"></div>
                                    <div class="class-name">iconsminds-coffee-bean</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-coffee-to-go"></div>
                                    <div class="class-name">iconsminds-coffee-to-go</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cookies"></div>
                                    <div class="class-name">iconsminds-cookies</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-croissant"></div>
                                    <div class="class-name">iconsminds-croissant</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cupcake"></div>
                                    <div class="class-name">iconsminds-cupcake</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-doughnut"></div>
                                    <div class="class-name">iconsminds-doughnut</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-fish"></div>
                                    <div class="class-name">iconsminds-fish</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-glass-water"></div>
                                    <div class="class-name">iconsminds-glass-water</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-hamburger"></div>
                                    <div class="class-name">iconsminds-hamburger</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-hot-dog"></div>
                                    <div class="class-name">iconsminds-hot-dog</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">Hardware</h6>

                            <div class="mind-icons mb-5">
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-webcam"></div>
                                    <div class="class-name">iconsminds-webcam</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-battery-0"></div>
                                    <div class="class-name">iconsminds-battery-0</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-battery-100"></div>
                                    <div class="class-name">iconsminds-battery-100</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-battery-charge"></div>
                                    <div class="class-name">iconsminds-battery-charge</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-charger"></div>
                                    <div class="class-name">iconsminds-charger</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cpu"></div>
                                    <div class="class-name">iconsminds-cpu</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-disk"></div>
                                    <div class="class-name">iconsminds-disk</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-dvd"></div>
                                    <div class="class-name">iconsminds-dvd</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-fan"></div>
                                    <div class="class-name">iconsminds-fan</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-gamepad-2"></div>
                                    <div class="class-name">iconsminds-gamepad-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-hdd"></div>
                                    <div class="class-name">iconsminds-hdd</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-keyboard"></div>
                                    <div class="class-name">iconsminds-keyboard</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mouse"></div>
                                    <div class="class-name">iconsminds-mouse</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mouse-3"></div>
                                    <div class="class-name">iconsminds-mouse-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-plug-in"></div>
                                    <div class="class-name">iconsminds-plug-in</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-power"></div>
                                    <div class="class-name">iconsminds-power</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-power-cable"></div>
                                    <div class="class-name">iconsminds-power-cable</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-remote-controll-2"></div>
                                    <div class="class-name">iconsminds-remote-controll-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-server-2"></div>
                                    <div class="class-name">iconsminds-server-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-speaker"></div>
                                    <div class="class-name">iconsminds-speaker</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">Interface</h6>

                            <div class="mind-icons mb-5">
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-start-ways"></div>
                                    <div class="class-name">iconsminds-start-ways</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-synchronize"></div>
                                    <div class="class-name">iconsminds-synchronize</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-synchronize-2"></div>
                                    <div class="class-name">iconsminds-synchronize-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-undo"></div>
                                    <div class="class-name">iconsminds-undo</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-up-1"></div>
                                    <div class="class-name">iconsminds-up-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-upload-1"></div>
                                    <div class="class-name">iconsminds-upload-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-upward"></div>
                                    <div class="class-name">iconsminds-upward</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-yes"></div>
                                    <div class="class-name">iconsminds-yes</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-add"></div>
                                    <div class="class-name">iconsminds-add</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-back"></div>
                                    <div class="class-name">iconsminds-back</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-broken-link"></div>
                                    <div class="class-name">iconsminds-broken-link</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-check"></div>
                                    <div class="class-name">iconsminds-check</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-close"></div>
                                    <div class="class-name">iconsminds-close</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cursor"></div>
                                    <div class="class-name">iconsminds-cursor</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cursor-click-2"></div>
                                    <div class="class-name">iconsminds-cursor-click-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cursor-click"></div>
                                    <div class="class-name">iconsminds-cursor-click</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cursor-move-2"></div>
                                    <div class="class-name">iconsminds-cursor-move-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cursor-select"></div>
                                    <div class="class-name">iconsminds-cursor-select</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-down-1"></div>
                                    <div class="class-name">iconsminds-down-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-download-1"></div>
                                    <div class="class-name">iconsminds-download-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-downward"></div>
                                    <div class="class-name">iconsminds-downward</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-endways"></div>
                                    <div class="class-name">iconsminds-endways</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-forward"></div>
                                    <div class="class-name">iconsminds-forward</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-left-1"></div>
                                    <div class="class-name">iconsminds-left-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-link"></div>
                                    <div class="class-name">iconsminds-link</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-next"></div>
                                    <div class="class-name">iconsminds-next</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-orientation-1"></div>
                                    <div class="class-name">iconsminds-orientation-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-pointer"></div>
                                    <div class="class-name">iconsminds-pointer</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-previous"></div>
                                    <div class="class-name">iconsminds-previous</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-redo"></div>
                                    <div class="class-name">iconsminds-redo</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-refresh"></div>
                                    <div class="class-name">iconsminds-refresh</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-reload-1"></div>
                                    <div class="class-name">iconsminds-reload-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-remove"></div>
                                    <div class="class-name">iconsminds-remove</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-repeat-1"></div>
                                    <div class="class-name">iconsminds-repeat-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-reset"></div>
                                    <div class="class-name">iconsminds-reset</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-rewind"></div>
                                    <div class="class-name">iconsminds-rewind</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-right-1"></div>
                                    <div class="class-name">iconsminds-right-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-rotation"></div>
                                    <div class="class-name">iconsminds-rotation</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-rotation-390"></div>
                                    <div class="class-name">iconsminds-rotation-390</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-spot"></div>
                                    <div class="class-name">iconsminds-spot</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">Maps & Locations</h6>

                            <div class="mind-icons mb-5">

                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-satelite-2"></div>
                                    <div class="class-name">iconsminds-satelite-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-compass-1"></div>
                                    <div class="class-name">iconsminds-compass-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-direction-east"></div>
                                    <div class="class-name">iconsminds-direction-east</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-edit-map"></div>
                                    <div class="class-name">iconsminds-edit-map</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-geo2"></div>
                                    <div class="class-name">iconsminds-geo2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-geo2--"></div>
                                    <div class="class-name">iconsminds-geo2--</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-geo2--"></div>
                                    <div class="class-name">iconsminds-geo2--</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-globe-2"></div>
                                    <div class="class-name">iconsminds-globe-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-location-2"></div>
                                    <div class="class-name">iconsminds-location-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-map2"></div>
                                    <div class="class-name">iconsminds-map2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-map-marker-2"></div>
                                    <div class="class-name">iconsminds-map-marker-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-map-marker"></div>
                                    <div class="class-name">iconsminds-map-marker</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">Media control</h6>

                            <div class="mind-icons mb-5">
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-stop"></div>
                                    <div class="class-name">iconsminds-stop</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-stop-2"></div>
                                    <div class="class-name">iconsminds-stop-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-back-1"></div>
                                    <div class="class-name">iconsminds-back-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-back-2"></div>
                                    <div class="class-name">iconsminds-back-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-eject"></div>
                                    <div class="class-name">iconsminds-eject</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-eject-2"></div>
                                    <div class="class-name">iconsminds-eject-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-end-1"></div>
                                    <div class="class-name">iconsminds-end-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-end-2"></div>
                                    <div class="class-name">iconsminds-end-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-next-1"></div>
                                    <div class="class-name">iconsminds-next-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-next-2"></div>
                                    <div class="class-name">iconsminds-next-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-pause"></div>
                                    <div class="class-name">iconsminds-pause</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-pause-2"></div>
                                    <div class="class-name">iconsminds-pause-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-power-2"></div>
                                    <div class="class-name">iconsminds-power-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-power-3"></div>
                                    <div class="class-name">iconsminds-power-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-record"></div>
                                    <div class="class-name">iconsminds-record</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-record-2"></div>
                                    <div class="class-name">iconsminds-record-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-repeat-5"></div>
                                    <div class="class-name">iconsminds-repeat-5</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-repeat-6"></div>
                                    <div class="class-name">iconsminds-repeat-6</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-shuffle-1"></div>
                                    <div class="class-name">iconsminds-shuffle-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-shuffle-3"></div>
                                    <div class="class-name">iconsminds-shuffle-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-start-1"></div>
                                    <div class="class-name">iconsminds-start-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-start-2"></div>
                                    <div class="class-name">iconsminds-start-2</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">Music</h6>

                            <div class="mind-icons mb-5">

                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-volume-down"></div>
                                    <div class="class-name">iconsminds-volume-down</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-volume-up"></div>
                                    <div class="class-name">iconsminds-volume-up</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-back-music"></div>
                                    <div class="class-name">iconsminds-back-music</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cd-2"></div>
                                    <div class="class-name">iconsminds-cd-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-clef"></div>
                                    <div class="class-name">iconsminds-clef</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-earphones-2"></div>
                                    <div class="class-name">iconsminds-earphones-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-equalizer"></div>
                                    <div class="class-name">iconsminds-equalizer</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-first"></div>
                                    <div class="class-name">iconsminds-first</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-headphones"></div>
                                    <div class="class-name">iconsminds-headphones</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-last"></div>
                                    <div class="class-name">iconsminds-last</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-loudspeaker"></div>
                                    <div class="class-name">iconsminds-loudspeaker</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mic"></div>
                                    <div class="class-name">iconsminds-mic</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-microphone-4"></div>
                                    <div class="class-name">iconsminds-microphone-4</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-next-music"></div>
                                    <div class="class-name">iconsminds-next-music</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-old-radio"></div>
                                    <div class="class-name">iconsminds-old-radio</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-play-music"></div>
                                    <div class="class-name">iconsminds-play-music</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-radio"></div>
                                    <div class="class-name">iconsminds-radio</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-record-1"></div>
                                    <div class="class-name">iconsminds-record-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-record-music"></div>
                                    <div class="class-name">iconsminds-record-music</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-sound"></div>
                                    <div class="class-name">iconsminds-sound</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-speaker-1"></div>
                                    <div class="class-name">iconsminds-speaker-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-stop-music"></div>
                                    <div class="class-name">iconsminds-stop-music</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-trumpet"></div>
                                    <div class="class-name">iconsminds-trumpet</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-voice"></div>
                                    <div class="class-name">iconsminds-voice</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-electric-guitar"></div>
                                    <div class="class-name">iconsminds-electric-guitar</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-guitar"></div>
                                    <div class="class-name">iconsminds-guitar</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">Nature</h6>

                            <div class="mind-icons mb-5">

                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-tree-3"></div>
                                    <div class="class-name">iconsminds-tree-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-eci-icon"></div>
                                    <div class="class-name">iconsminds-eci-icon</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-environmental"></div>
                                    <div class="class-name">iconsminds-environmental</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-environmental-3"></div>
                                    <div class="class-name">iconsminds-environmental-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-fire-flame-2"></div>
                                    <div class="class-name">iconsminds-fire-flame-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-green-energy"></div>
                                    <div class="class-name">iconsminds-green-energy</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-green-house"></div>
                                    <div class="class-name">iconsminds-green-house</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-leafs"></div>
                                    <div class="class-name">iconsminds-leafs</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-light-bulb-leaf"></div>
                                    <div class="class-name">iconsminds-light-bulb-leaf</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-palm-tree"></div>
                                    <div class="class-name">iconsminds-palm-tree</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-plant"></div>
                                    <div class="class-name">iconsminds-plant</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-recycling-2"></div>
                                    <div class="class-name">iconsminds-recycling-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-seed"></div>
                                    <div class="class-name">iconsminds-seed</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-trash-with-men"></div>
                                    <div class="class-name">iconsminds-trash-with-men</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-forest-1"></div>
                                    <div class="class-name">iconsminds-forest-1</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">People</h6>

                            <div class="mind-icons mb-5">
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-id-card"></div>
                                    <div class="class-name">iconsminds-id-card</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-king-2"></div>
                                    <div class="class-name">iconsminds-king-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-male"></div>
                                    <div class="class-name">iconsminds-male</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-male-female"></div>
                                    <div class="class-name">iconsminds-male-female</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-male-2"></div>
                                    <div class="class-name">iconsminds-male-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-man-sign"></div>
                                    <div class="class-name">iconsminds-man-sign</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-mens"></div>
                                    <div class="class-name">iconsminds-mens</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-network"></div>
                                    <div class="class-name">iconsminds-network</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-student-female"></div>
                                    <div class="class-name">iconsminds-student-female</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-student-male"></div>
                                    <div class="class-name">iconsminds-student-male</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-student-male-female"></div>
                                    <div class="class-name">iconsminds-student-male-female</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-students"></div>
                                    <div class="class-name">iconsminds-students</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-woman-man"></div>
                                    <div class="class-name">iconsminds-woman-man</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-add-user"></div>
                                    <div class="class-name">iconsminds-add-user</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-administrator"></div>
                                    <div class="class-name">iconsminds-administrator</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-assistant"></div>
                                    <div class="class-name">iconsminds-assistant</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-business-man"></div>
                                    <div class="class-name">iconsminds-business-man</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-business-man-woman"></div>
                                    <div class="class-name">iconsminds-business-man-woman</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-business-mens"></div>
                                    <div class="class-name">iconsminds-business-mens</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-business-woman"></div>
                                    <div class="class-name">iconsminds-business-woman</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-conference"></div>
                                    <div class="class-name">iconsminds-conference</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-doctor"></div>
                                    <div class="class-name">iconsminds-doctor</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-engineering"></div>
                                    <div class="class-name">iconsminds-engineering</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-female"></div>
                                    <div class="class-name">iconsminds-female</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-female-2"></div>
                                    <div class="class-name">iconsminds-female-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-temperature"></div>
                                    <div class="class-name">iconsminds-temperature</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>





                            <h6 class="mb-4">Science & Medical</h6>

                            <div class="mind-icons mb-5">
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-test-tube"></div>
                                    <div class="class-name">iconsminds-test-tube</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-ambulance"></div>
                                    <div class="class-name">iconsminds-ambulance</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-atom"></div>
                                    <div class="class-name">iconsminds-atom</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-band-aid"></div>
                                    <div class="class-name">iconsminds-band-aid</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-bio-hazard"></div>
                                    <div class="class-name">iconsminds-bio-hazard</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-biotech"></div>
                                    <div class="class-name">iconsminds-biotech</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-brain"></div>
                                    <div class="class-name">iconsminds-brain</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-chemical"></div>
                                    <div class="class-name">iconsminds-chemical</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-clinic"></div>
                                    <div class="class-name">iconsminds-clinic</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-danger"></div>
                                    <div class="class-name">iconsminds-danger</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-dna"></div>
                                    <div class="class-name">iconsminds-dna</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-dna-2"></div>
                                    <div class="class-name">iconsminds-dna-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-first-aid"></div>
                                    <div class="class-name">iconsminds-first-aid</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-flask"></div>
                                    <div class="class-name">iconsminds-flask</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-medical-sign"></div>
                                    <div class="class-name">iconsminds-medical-sign</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-medicine-3"></div>
                                    <div class="class-name">iconsminds-medicine-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-microscope"></div>
                                    <div class="class-name">iconsminds-microscope</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-physics"></div>
                                    <div class="class-name">iconsminds-physics</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-plasmid"></div>
                                    <div class="class-name">iconsminds-plasmid</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-plaster"></div>
                                    <div class="class-name">iconsminds-plaster</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-pulse"></div>
                                    <div class="class-name">iconsminds-pulse</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-radioactive"></div>
                                    <div class="class-name">iconsminds-radioactive</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-stethoscope"></div>
                                    <div class="class-name">iconsminds-stethoscope</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>



                            <h6 class="mb-4">Security</h6>

                            <div class="mind-icons mb-5">
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-security-settings"></div>
                                    <div class="class-name">iconsminds-security-settings</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-securiy-remove"></div>
                                    <div class="class-name">iconsminds-securiy-remove</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-shield"></div>
                                    <div class="class-name">iconsminds-shield</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-ssl"></div>
                                    <div class="class-name">iconsminds-ssl</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-type-pass"></div>
                                    <div class="class-name">iconsminds-type-pass</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-unlock-2"></div>
                                    <div class="class-name">iconsminds-unlock-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-finger-print"></div>
                                    <div class="class-name">iconsminds-finger-print</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-firewall"></div>
                                    <div class="class-name">iconsminds-firewall</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-key-lock"></div>
                                    <div class="class-name">iconsminds-key-lock</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-laptop-secure"></div>
                                    <div class="class-name">iconsminds-laptop-secure</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-lock-2"></div>
                                    <div class="class-name">iconsminds-lock-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-password"></div>
                                    <div class="class-name">iconsminds-password</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-password-field"></div>
                                    <div class="class-name">iconsminds-password-field</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-police"></div>
                                    <div class="class-name">iconsminds-police</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-security-block"></div>
                                    <div class="class-name">iconsminds-security-block</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-security-bug"></div>
                                    <div class="class-name">iconsminds-security-bug</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-security-camera"></div>
                                    <div class="class-name">iconsminds-security-camera</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-security-check"></div>
                                    <div class="class-name">iconsminds-security-check</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">Seo Icons</h6>

                            <div class="mind-icons mb-5">
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-testimonal"></div>
                                    <div class="class-name">iconsminds-testimonal</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-broke-link-2"></div>
                                    <div class="class-name">iconsminds-broke-link-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-coding"></div>
                                    <div class="class-name">iconsminds-coding</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-consulting"></div>
                                    <div class="class-name">iconsminds-consulting</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-copyright"></div>
                                    <div class="class-name">iconsminds-copyright</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-idea-2"></div>
                                    <div class="class-name">iconsminds-idea-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-link-2"></div>
                                    <div class="class-name">iconsminds-link-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-management"></div>
                                    <div class="class-name">iconsminds-management</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-monitor-analytics"></div>
                                    <div class="class-name">iconsminds-monitor-analytics</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-monitoring"></div>
                                    <div class="class-name">iconsminds-monitoring</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-optimization"></div>
                                    <div class="class-name">iconsminds-optimization</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-tag"></div>
                                    <div class="class-name">iconsminds-tag</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-target"></div>
                                    <div class="class-name">iconsminds-target</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-target-market"></div>
                                    <div class="class-name">iconsminds-target-market</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>



                            <h6 class="mb-4">Shopping & E-commerce</h6>

                            <div class="mind-icons mb-5">
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-shopping-bag"></div>
                                    <div class="class-name">iconsminds-shopping-bag</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-shopping-basket"></div>
                                    <div class="class-name">iconsminds-shopping-basket</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-shopping-cart"></div>
                                    <div class="class-name">iconsminds-shopping-cart</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-tag-3"></div>
                                    <div class="class-name">iconsminds-tag-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-add-bag"></div>
                                    <div class="class-name">iconsminds-add-bag</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-add-basket"></div>
                                    <div class="class-name">iconsminds-add-basket</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-add-cart"></div>
                                    <div class="class-name">iconsminds-add-cart</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-bag-items"></div>
                                    <div class="class-name">iconsminds-bag-items</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-bag-quantity"></div>
                                    <div class="class-name">iconsminds-bag-quantity</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-basket-coins"></div>
                                    <div class="class-name">iconsminds-basket-coins</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-basket-items"></div>
                                    <div class="class-name">iconsminds-basket-items</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-basket-quantity"></div>
                                    <div class="class-name">iconsminds-basket-quantity</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-car-items"></div>
                                    <div class="class-name">iconsminds-car-items</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cart-quantity"></div>
                                    <div class="class-name">iconsminds-cart-quantity</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cash-register-2"></div>
                                    <div class="class-name">iconsminds-cash-register-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-checkout"></div>
                                    <div class="class-name">iconsminds-checkout</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-checkout-bag"></div>
                                    <div class="class-name">iconsminds-checkout-bag</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-checkout-basket"></div>
                                    <div class="class-name">iconsminds-checkout-basket</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-home-1"></div>
                                    <div class="class-name">iconsminds-home-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-qr-code"></div>
                                    <div class="class-name">iconsminds-qr-code</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-receipt-4"></div>
                                    <div class="class-name">iconsminds-receipt-4</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-remove-bag"></div>
                                    <div class="class-name">iconsminds-remove-bag</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-remove-basket"></div>
                                    <div class="class-name">iconsminds-remove-basket</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-remove-cart"></div>
                                    <div class="class-name">iconsminds-remove-cart</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-shop"></div>
                                    <div class="class-name">iconsminds-shop</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-shop-2"></div>
                                    <div class="class-name">iconsminds-shop-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-shop-3"></div>
                                    <div class="class-name">iconsminds-shop-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-calculator"></div>
                                    <div class="class-name">iconsminds-calculator</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-scale"></div>
                                    <div class="class-name">iconsminds-scale</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-shop-4"></div>
                                    <div class="class-name">iconsminds-shop-4</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-credit-card"></div>
                                    <div class="class-name">iconsminds-credit-card</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-credit-card-3"></div>
                                    <div class="class-name">iconsminds-credit-card-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-money-bag"></div>
                                    <div class="class-name">iconsminds-money-bag</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">Signs & Symbols</h6>

                            <div class="mind-icons mb-5">
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-ying-yang"></div>
                                    <div class="class-name">iconsminds-ying-yang</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-bisexual"></div>
                                    <div class="class-name">iconsminds-bisexual</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cancer"></div>
                                    <div class="class-name">iconsminds-cancer</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-couple-sign"></div>
                                    <div class="class-name">iconsminds-couple-sign</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-family-sign"></div>
                                    <div class="class-name">iconsminds-family-sign</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-female-1"></div>
                                    <div class="class-name">iconsminds-female-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-gey"></div>
                                    <div class="class-name">iconsminds-gey</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-heart"></div>
                                    <div class="class-name">iconsminds-heart</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-homosexual"></div>
                                    <div class="class-name">iconsminds-homosexual</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-inifity"></div>
                                    <div class="class-name">iconsminds-inifity</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-lesbian"></div>
                                    <div class="class-name">iconsminds-lesbian</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-lesbians"></div>
                                    <div class="class-name">iconsminds-lesbians</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-love"></div>
                                    <div class="class-name">iconsminds-love</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-male-1"></div>
                                    <div class="class-name">iconsminds-male-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-men"></div>
                                    <div class="class-name">iconsminds-men</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-no-smoking"></div>
                                    <div class="class-name">iconsminds-no-smoking</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-paw"></div>
                                    <div class="class-name">iconsminds-paw</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-quotes"></div>
                                    <div class="class-name">iconsminds-quotes</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-redirect"></div>
                                    <div class="class-name">iconsminds-redirect</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-ribbon"></div>
                                    <div class="class-name">iconsminds-ribbon</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-venn-diagram"></div>
                                    <div class="class-name">iconsminds-venn-diagram</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-wheelchair"></div>
                                    <div class="class-name">iconsminds-wheelchair</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-women"></div>
                                    <div class="class-name">iconsminds-women</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">Social Media</h6>

                            <div class="mind-icons mb-5">

                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-instagram"></div>
                                    <div class="class-name">iconsminds-instagram</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-last-fm"></div>
                                    <div class="class-name">iconsminds-last-fm</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-like"></div>
                                    <div class="class-name">iconsminds-like</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-linkedin-2"></div>
                                    <div class="class-name">iconsminds-linkedin-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-livejournal"></div>
                                    <div class="class-name">iconsminds-livejournal</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-newsvine"></div>
                                    <div class="class-name">iconsminds-newsvine</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-picasa"></div>
                                    <div class="class-name">iconsminds-picasa</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-pinterest"></div>
                                    <div class="class-name">iconsminds-pinterest</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-plaxo"></div>
                                    <div class="class-name">iconsminds-plaxo</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-plurk"></div>
                                    <div class="class-name">iconsminds-plurk</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-posterous"></div>
                                    <div class="class-name">iconsminds-posterous</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-qik"></div>
                                    <div class="class-name">iconsminds-qik</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-reddit"></div>
                                    <div class="class-name">iconsminds-reddit</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-reverbnation"></div>
                                    <div class="class-name">iconsminds-reverbnation</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-rss"></div>
                                    <div class="class-name">iconsminds-rss</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-sharethis"></div>
                                    <div class="class-name">iconsminds-sharethis</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-skype"></div>
                                    <div class="class-name">iconsminds-skype</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-soundcloud"></div>
                                    <div class="class-name">iconsminds-soundcloud</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-stumbleupon"></div>
                                    <div class="class-name">iconsminds-stumbleupon</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-technorati"></div>
                                    <div class="class-name">iconsminds-technorati</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-tumblr"></div>
                                    <div class="class-name">iconsminds-tumblr</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-twitter"></div>
                                    <div class="class-name">iconsminds-twitter</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-unlike"></div>
                                    <div class="class-name">iconsminds-unlike</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-ustream"></div>
                                    <div class="class-name">iconsminds-ustream</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-viddler"></div>
                                    <div class="class-name">iconsminds-viddler</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-vimeo"></div>
                                    <div class="class-name">iconsminds-vimeo</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-wordpress"></div>
                                    <div class="class-name">iconsminds-wordpress</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-xanga"></div>
                                    <div class="class-name">iconsminds-xanga</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-yahoo"></div>
                                    <div class="class-name">iconsminds-yahoo</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-yelp"></div>
                                    <div class="class-name">iconsminds-yelp</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-youtube"></div>
                                    <div class="class-name">iconsminds-youtube</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-ask"></div>
                                    <div class="class-name">iconsminds-ask</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-behance"></div>
                                    <div class="class-name">iconsminds-behance</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-bing"></div>
                                    <div class="class-name">iconsminds-bing</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-blinklist"></div>
                                    <div class="class-name">iconsminds-blinklist</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-blogger"></div>
                                    <div class="class-name">iconsminds-blogger</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-delicious"></div>
                                    <div class="class-name">iconsminds-delicious</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-deviantart"></div>
                                    <div class="class-name">iconsminds-deviantart</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-digg"></div>
                                    <div class="class-name">iconsminds-digg</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-diigo"></div>
                                    <div class="class-name">iconsminds-diigo</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-dribble"></div>
                                    <div class="class-name">iconsminds-dribble</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-email"></div>
                                    <div class="class-name">iconsminds-email</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-evernote"></div>
                                    <div class="class-name">iconsminds-evernote</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-facebook"></div>
                                    <div class="class-name">iconsminds-facebook</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-feedburner"></div>
                                    <div class="class-name">iconsminds-feedburner</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-flickr"></div>
                                    <div class="class-name">iconsminds-flickr</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-formspring"></div>
                                    <div class="class-name">iconsminds-formspring</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-forsquare"></div>
                                    <div class="class-name">iconsminds-forsquare</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-friendster"></div>
                                    <div class="class-name">iconsminds-friendster</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-google"></div>
                                    <div class="class-name">iconsminds-google</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-gowalla"></div>
                                    <div class="class-name">iconsminds-gowalla</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-icq"></div>
                                    <div class="class-name">iconsminds-icq</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-imdb"></div>
                                    <div class="class-name">iconsminds-imdb</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">Speech Bubbles</h6>

                            <div class="mind-icons mb-5">

                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-speach-bubble"></div>
                                    <div class="class-name">iconsminds-speach-bubble</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-speach-bubbles"></div>
                                    <div class="class-name">iconsminds-speach-bubbles</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-speach-bubble-2"></div>
                                    <div class="class-name">iconsminds-speach-bubble-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-speach-bubble-3"></div>
                                    <div class="class-name">iconsminds-speach-bubble-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-speach-bubble-4"></div>
                                    <div class="class-name">iconsminds-speach-bubble-4</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-speach-bubble-5"></div>
                                    <div class="class-name">iconsminds-speach-bubble-5</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-speach-bubble-6"></div>
                                    <div class="class-name">iconsminds-speach-bubble-6</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-speach-bubble-7"></div>
                                    <div class="class-name">iconsminds-speach-bubble-7</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-speach-bubble-8"></div>
                                    <div class="class-name">iconsminds-speach-bubble-8</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-speach-bubble-9"></div>
                                    <div class="class-name">iconsminds-speach-bubble-9</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-speach-bubble-10"></div>
                                    <div class="class-name">iconsminds-speach-bubble-10</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-speach-bubble-11"></div>
                                    <div class="class-name">iconsminds-speach-bubble-11</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-speach-bubble-12"></div>
                                    <div class="class-name">iconsminds-speach-bubble-12</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-speach-bubble-13"></div>
                                    <div class="class-name">iconsminds-speach-bubble-13</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-speach-bubble-asking"></div>
                                    <div class="class-name">iconsminds-speach-bubble-asking</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-speach-bubble-comic-2"></div>
                                    <div class="class-name">iconsminds-speach-bubble-comic-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-speach-bubble-comic-3"></div>
                                    <div class="class-name">iconsminds-speach-bubble-comic-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-speach-bubble-comic-4"></div>
                                    <div class="class-name">iconsminds-speach-bubble-comic-4</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-speach-bubble-comic"></div>
                                    <div class="class-name">iconsminds-speach-bubble-comic</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-speach-bubble-dialog"></div>
                                    <div class="class-name">iconsminds-speach-bubble-dialog</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">Sports</h6>

                            <div class="mind-icons mb-5">
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-trekking"></div>
                                    <div class="class-name">iconsminds-trekking</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-trophy"></div>
                                    <div class="class-name">iconsminds-trophy</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-weight-lift"></div>
                                    <div class="class-name">iconsminds-weight-lift</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-aerobics"></div>
                                    <div class="class-name">iconsminds-aerobics</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-archery"></div>
                                    <div class="class-name">iconsminds-archery</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-ballet-shoes"></div>
                                    <div class="class-name">iconsminds-ballet-shoes</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-baseball"></div>
                                    <div class="class-name">iconsminds-baseball</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-basket-ball"></div>
                                    <div class="class-name">iconsminds-basket-ball</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-bowling"></div>
                                    <div class="class-name">iconsminds-bowling</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-box"></div>
                                    <div class="class-name">iconsminds-box</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-chess"></div>
                                    <div class="class-name">iconsminds-chess</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cricket"></div>
                                    <div class="class-name">iconsminds-cricket</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-dumbbell"></div>
                                    <div class="class-name">iconsminds-dumbbell</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-football"></div>
                                    <div class="class-name">iconsminds-football</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-football-2"></div>
                                    <div class="class-name">iconsminds-football-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-footprint"></div>
                                    <div class="class-name">iconsminds-footprint</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-footprint-2"></div>
                                    <div class="class-name">iconsminds-footprint-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-golf"></div>
                                    <div class="class-name">iconsminds-golf</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-gymnastics"></div>
                                    <div class="class-name">iconsminds-gymnastics</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-hokey"></div>
                                    <div class="class-name">iconsminds-hokey</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-jump-rope"></div>
                                    <div class="class-name">iconsminds-jump-rope</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-life-jacket"></div>
                                    <div class="class-name">iconsminds-life-jacket</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-medal"></div>
                                    <div class="class-name">iconsminds-medal</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-pilates-2"></div>
                                    <div class="class-name">iconsminds-pilates-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-rafting"></div>
                                    <div class="class-name">iconsminds-rafting</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-running-shoes"></div>
                                    <div class="class-name">iconsminds-running-shoes</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-skydiving"></div>
                                    <div class="class-name">iconsminds-skydiving</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-snorkel"></div>
                                    <div class="class-name">iconsminds-snorkel</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-soccer-ball"></div>
                                    <div class="class-name">iconsminds-soccer-ball</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-swimming"></div>
                                    <div class="class-name">iconsminds-swimming</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-tennis"></div>
                                    <div class="class-name">iconsminds-tennis</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-tennis-ball"></div>
                                    <div class="class-name">iconsminds-tennis-ball</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">Time</h6>

                            <div class="mind-icons mb-5">
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-over-time-2"></div>
                                    <div class="class-name">iconsminds-over-time-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-sand-watch-2"></div>
                                    <div class="class-name">iconsminds-sand-watch-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-stopwatch"></div>
                                    <div class="class-name">iconsminds-stopwatch</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-time-backup"></div>
                                    <div class="class-name">iconsminds-time-backup</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-timer"></div>
                                    <div class="class-name">iconsminds-timer</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-watch"></div>
                                    <div class="class-name">iconsminds-watch</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-24-hour"></div>
                                    <div class="class-name">iconsminds-24-hour</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-alarm-clock-2"></div>
                                    <div class="class-name">iconsminds-alarm-clock-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-alarm-clock"></div>
                                    <div class="class-name">iconsminds-alarm-clock</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-clock"></div>
                                    <div class="class-name">iconsminds-clock</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-clock-2"></div>
                                    <div class="class-name">iconsminds-clock-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-clock-back"></div>
                                    <div class="class-name">iconsminds-clock-back</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-clock-forward"></div>
                                    <div class="class-name">iconsminds-clock-forward</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-old-clock"></div>
                                    <div class="class-name">iconsminds-old-clock</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">Transportation</h6>

                            <div class="mind-icons mb-5">
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-scooter"></div>
                                    <div class="class-name">iconsminds-scooter</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-ship"></div>
                                    <div class="class-name">iconsminds-ship</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-skateboard"></div>
                                    <div class="class-name">iconsminds-skateboard</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-taxi-sign"></div>
                                    <div class="class-name">iconsminds-taxi-sign</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-traffic-light"></div>
                                    <div class="class-name">iconsminds-traffic-light</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-train"></div>
                                    <div class="class-name">iconsminds-train</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-yacht"></div>
                                    <div class="class-name">iconsminds-yacht</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-bicycle-1"></div>
                                    <div class="class-name">iconsminds-bicycle-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-bus-2"></div>
                                    <div class="class-name">iconsminds-bus-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-car"></div>
                                    <div class="class-name">iconsminds-car</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-gaugage"></div>
                                    <div class="class-name">iconsminds-gaugage</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-gaugage-2"></div>
                                    <div class="class-name">iconsminds-gaugage-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-helicopter"></div>
                                    <div class="class-name">iconsminds-helicopter</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-jeep"></div>
                                    <div class="class-name">iconsminds-jeep</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-jet"></div>
                                    <div class="class-name">iconsminds-jet</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-motorcycle"></div>
                                    <div class="class-name">iconsminds-motorcycle</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-plane"></div>
                                    <div class="class-name">iconsminds-plane</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-road-2"></div>
                                    <div class="class-name">iconsminds-road-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-sailing-ship"></div>
                                    <div class="class-name">iconsminds-sailing-ship</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-air-balloon-1"></div>
                                    <div class="class-name">iconsminds-air-balloon-1</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-tractor"></div>
                                    <div class="class-name">iconsminds-tractor</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">Video</h6>

                            <div class="mind-icons mb-5">
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-video-tripod"></div>
                                    <div class="class-name">iconsminds-video-tripod</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-3d-eyeglasses"></div>
                                    <div class="class-name">iconsminds-3d-eyeglasses</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cinema"></div>
                                    <div class="class-name">iconsminds-cinema</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-director"></div>
                                    <div class="class-name">iconsminds-director</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-film"></div>
                                    <div class="class-name">iconsminds-film</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-film-video"></div>
                                    <div class="class-name">iconsminds-film-video</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-old-tv"></div>
                                    <div class="class-name">iconsminds-old-tv</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-tv"></div>
                                    <div class="class-name">iconsminds-tv</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-video"></div>
                                    <div class="class-name">iconsminds-video</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-video-5"></div>
                                    <div class="class-name">iconsminds-video-5</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-video-6"></div>
                                    <div class="class-name">iconsminds-video-6</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-video-len"></div>
                                    <div class="class-name">iconsminds-video-len</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>


                            <h6 class="mb-4">Weather</h6>

                            <div class="mind-icons mb-5">
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-sunrise"></div>
                                    <div class="class-name">iconsminds-sunrise</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-sunset"></div>
                                    <div class="class-name">iconsminds-sunset</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-temperature-2"></div>
                                    <div class="class-name">iconsminds-temperature-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-thunder"></div>
                                    <div class="class-name">iconsminds-thunder</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-umbrella-2"></div>
                                    <div class="class-name">iconsminds-umbrella-2</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-wave"></div>
                                    <div class="class-name">iconsminds-wave</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-wind-turbine"></div>
                                    <div class="class-name">iconsminds-wind-turbine</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-windy"></div>
                                    <div class="class-name">iconsminds-windy</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cloud-hail"></div>
                                    <div class="class-name">iconsminds-cloud-hail</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cloud-moon"></div>
                                    <div class="class-name">iconsminds-cloud-moon</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cloud-rain"></div>
                                    <div class="class-name">iconsminds-cloud-rain</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cloud-snow"></div>
                                    <div class="class-name">iconsminds-cloud-snow</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cloud-sun"></div>
                                    <div class="class-name">iconsminds-cloud-sun</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-cloud-weather"></div>
                                    <div class="class-name">iconsminds-cloud-weather</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-drop"></div>
                                    <div class="class-name">iconsminds-drop</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-dry"></div>
                                    <div class="class-name">iconsminds-dry</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-fog-day"></div>
                                    <div class="class-name">iconsminds-fog-day</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-fog-night"></div>
                                    <div class="class-name">iconsminds-fog-night</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-half-moon"></div>
                                    <div class="class-name">iconsminds-half-moon</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-rain-drop"></div>
                                    <div class="class-name">iconsminds-rain-drop</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-snow"></div>
                                    <div class="class-name">iconsminds-snow</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-snowflake-3"></div>
                                    <div class="class-name">iconsminds-snowflake-3</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-snow-storm"></div>
                                    <div class="class-name">iconsminds-snow-storm</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-spring"></div>
                                    <div class="class-name">iconsminds-spring</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-storm"></div>
                                    <div class="class-name">iconsminds-storm</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-summer"></div>
                                    <div class="class-name">iconsminds-summer</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-sun"></div>
                                    <div class="class-name">iconsminds-sun</div>
                                </div>
                                <div class="glyph">
                                    <div class="glyph-icon iconsminds-sun-cloudy-rain"></div>
                                    <div class="class-name">iconsminds-sun-cloudy-rain</div>
                                </div>
                                <div class="clearfix"></div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <footer class="page-footer">
        <div class="footer-content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12 col-sm-6">
                        <p class="mb-0 text-muted">ColoredStrategies 2019</p>
                    </div>
                    <div class="col-sm-6 d-none d-sm-block">
                        <ul class="breadcrumb pt-0 pr-0 float-right">
                            <li class="breadcrumb-item mb-0">
                                <a href="#" class="btn-link">Review</a>
                            </li>
                            <li class="breadcrumb-item mb-0">
                                <a href="#" class="btn-link">Purchase</a>
                            </li>
                            <li class="breadcrumb-item mb-0">
                                <a href="#" class="btn-link">Docs</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    
    <script src="js/vendor/jquery-3.3.1.min.js"></script>
    <script src="js/vendor/bootstrap.bundle.min.js"></script>
    <script src="js/vendor/perfect-scrollbar.min.js"></script>
    <script src="js/vendor/mousetrap.min.js"></script>
    <script src="js/dore.script.js"></script>
    <script src="js/scripts.js"></script>

</body>

</html>