Repository: panoptes-organization/panoptes (language: python)

Issue:
Improve homepage info and links
The homepage needs some minor changes like:
- [ ] Remove contribute button
- [ ] Add link to homepage in the panel on the left
- [ ] Update description in **About** page
Add tests for the delete endpoints
**Is your feature request related to a problem? Please describe.**
We miss tests for the delete functionality

**Describe the solution you'd like**
Add tests for the following endpoints:
- `/api/delete/<workflow-id>`
- `/api/clean-up-database`
feature/10 Clean up DB button
Added clean up DB button on top left
Removed colors from buttons to avoid confusion with status
Minor beautification changes


Discussion / hints:

Fix patch:
diff --git a/.travis.yml b/.travis.yml
index 043b5de..a464296 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -49,6 +49,7 @@ script:
   - cd snakemake_example_workflow
   - sed -i 's/5000/8000/g' run_local.sh
   - bash run_local.sh
+  - bash run_local.sh
   - cd ../
   - conda deactivate
   - virtualenv -p `which python3` venv_test
diff --git a/README.md b/README.md
index 056bce0..3585c24 100644
--- a/README.md
+++ b/README.md
@@ -44,7 +44,31 @@ Server should run on: 127.0.0.1:5000
 
 By default it should generate an sqlite database: .panoptes.db
 
-### Option 2: Install from source code and run server
+### Option 2: Install via conda and run server
+
+Create conda environment
+```bash
+conda create --name panoptes
+```
+
+Activate conda environment
+```bash
+conda activate panoptes
+```
+
+Install via pypi OR conda
+```bash
+conda install -c panoptes-organization panoptes-ui
+```
+Run server
+```bash
+panoptes
+```
+Server should run on: 127.0.0.1:5000
+
+By default it should generate an sqlite database: .panoptes.db
+
+### Option 3: Install from source code and run server
 
 Clone repo
 ```bash
@@ -113,6 +137,28 @@ In order to run an example workflow please follow the instructions [here](https:
 
 [![Watch the video](https://img.youtube.com/vi/de-YSJmq_5s/hqdefault.jpg)](https://www.youtube.com/watch?v=de-YSJmq_5s)
 
+### panoptes API
+
+Panoptes provides the following API endpoints:
+
+Endpoint | Method | Description 
+-- | -- | --
+`/api/service-info` | `GET` | Server status
+`/api/workflows` | `GET` | Get all workflows
+`/api/workflow/<workflow-id>` | `GET` | Get workflow status
+`/api/workflow/<workflow-id>/jobs` | `GET` | Get all jobs of a workflow
+`/api/workflow/<workflow-id>/job/<job-id>` | `GET` | Get job status
+`/api/workflow/<workflow-id>` | `PUT` | Rename a workflow  <br>  Expects a dictionary with new name <br> (e.g. `{'name': 'my new workflow name'}`)
+`/api/workflow/<workflow-id>` | `DELETE` | Delete a workflow
+`/api/workflows/all` | `DELETE` | Clean up database
+
+To communicate with panoptes the following endpoints are used by snakemake:
+
+Endpoint | Method | Description 
+-- | -- | --
+`/api/service-info` | `GET` | Server status (same as above)
+`/create_workflow` | `GET` | Get a unique id/name str(uuid.uuid4()) for each workflow
+`/update_workflow_status` | `POST` | Panoptes receives a dictionary from snakemake that contains: <br> - A log message dictionary <br> - The current timestamp <br> - The unique id/name of the workflow. <br> (e.g. `{'msg': repr(msg), 'timestamp': time.asctime(), 'id': id}`)
 
 # Contribute
 
diff --git a/contributors.md b/contributors.md
index fcb5665..0cc5269 100644
--- a/contributors.md
+++ b/contributors.md
@@ -1,7 +1,10 @@
 # List of contributors (Alphabetical order, last name)
 
-- Argyrios Alexandros Gardelakos
-- Foivos Gypas
-- Georgios Kostoulas
-- Johannes Köster
-- Georgios Ntalaperas
+- Dimitrios Afentoulis (@dafentoulis)
+- Argyrios-Alexandros Gardelakos (@agardelakos)
+- Foivos Gypas (@fgypas)
+- Georgios Kostoulas (@gkostoulas)
+- Johannes Köster (@johanneskoester)
+- Georgios Ntalaperas (@gntalaperas)
+- Dimitrios Rekoumis (@drekoumis)
+- Vanessa Sochat (@vsoch)
diff --git a/meta.yaml b/meta.yaml
new file mode 100644
index 0000000..58fa141
--- /dev/null
+++ b/meta.yaml
@@ -0,0 +1,59 @@
+{% set name = "panoptes-ui" %}
+{% set version = "0.1.1" %}
+
+package:
+  name: "{{ name|lower }}"
+  version: "{{ version }}"
+
+source:
+  url: "https://pypi.io/packages/source/{{ name[0] }}/{{ name }}/{{ name }}-{{ version }}.tar.gz"
+  sha256: d0d77e5da46db54ed494b663e6e6c541bc87d624d12d65e1468df366639043d4
+
+build:
+  number: 0
+  entry_points:
+    - panoptes=panoptes:main
+  script: "{{ PYTHON }} -m pip install . -vv"
+
+requirements:
+  host:
+    - flask >=1.1.1
+    - humanfriendly >=4.18
+    - marshmallow >=3.0.1
+    - pip
+    - pytest >=5.3.0
+    - python
+    - requests >=2.22.0
+    - sqlalchemy >=1.3.7
+  run:
+    - flask >=1.1.1
+    - humanfriendly >=4.18
+    - marshmallow >=3.0.1
+    - pytest >=5.3.0
+    - python
+    - requests >=2.22.0
+    - sqlalchemy >=1.3.7
+
+test:
+  imports:
+    - panoptes
+    - panoptes.routes
+    - panoptes.server_utilities
+    - panoptes.static
+    - panoptes.static.src
+    - panoptes.tests
+  commands:
+    - panoptes --help
+
+about:
+  home: "https://github.com/panoptes-organization/panoptes"
+  license: MIT
+  license_family: MIT
+  license_file: LICENSE.md
+  summary: "panoptes: monitor computational workflows in real time"
+  doc_url: 
+  dev_url: 
+
+extra:
+  recipe-maintainers:
+    - agardelakos
diff --git a/panoptes/app.py b/panoptes/app.py
index 474fdff..f937403 100644
--- a/panoptes/app.py
+++ b/panoptes/app.py
@@ -3,6 +3,9 @@
 
 import humanfriendly
 from flask import Flask, request, render_template, abort, send_from_directory
+from functools import wraps, update_wrapper
+from datetime import datetime
+from flask import make_response
 
 from panoptes.database import init_db, db_session
 from panoptes.models import Workflows
@@ -19,6 +22,19 @@
 init_db()
 
 
+# you can add @nocache in any endpoint to disable caching
+def nocache(view):
+    @wraps(view)
+    def no_cache(*args, **kwargs):
+        response = make_response(view(*args, **kwargs))
+        response.headers['Last-Modified'] = datetime.now()
+        response.headers['Cache-Control'] = 'no-store, no-cache, must-revalidate, post-check=0, pre-check=0, max-age=0'
+        response.headers['Pragma'] = 'no-cache'
+        response.headers['Expires'] = '-1'
+        return response
+
+    return update_wrapper(no_cache, view)
+
 @app.route('/')
 def index():
     wf = [w.get_workflow() for w in get_db_workflows()]
@@ -32,6 +48,7 @@ def index():
 
 
 @app.route('/workflows/')
+@nocache
 def workflows_page():
     workflows = [w.get_workflow() for w in get_db_workflows()]
     return render_template('workflows.html', workflows=workflows)
@@ -47,7 +64,23 @@ def contribute():
     return render_template('contribute.html')
 
 
+@app.route('/searchResults')
+@nocache
+def search_results():
+    userinput = request.args.get('q')
+    workflows = [w.get_workflow() for w in get_db_workflows()]
+    filteredworkflows = [w for w in workflows if userinput in w['name']]
+    alljobs = []
+    for wf in workflows:
+        jobs = [j.get_job_json() for j in get_db_jobs(wf['id'])]
+        filteredjobs = [j for j in jobs if userinput in j['name']]
+        alljobs.extend(filteredjobs)
+
+    return render_template('searchResults.html', workflows=filteredworkflows, alljobs=alljobs)
+
+
 @app.route('/workflow/<id>', methods=['GET'])
+@nocache
 def get_status(id):
     try:
         workflow = get_db_workflows_by_id(id).get_workflow()
diff --git a/panoptes/panoptes.py b/panoptes/panoptes.py
index 5ed9533..f625c36 100644
--- a/panoptes/panoptes.py
+++ b/panoptes/panoptes.py
@@ -39,7 +39,6 @@ def main():
     )
 
     args = parser.parse_args()
-
     app.run(host=args.ip,
             port=args.port)
 
diff --git a/panoptes/routes/api.py b/panoptes/routes/api.py
index 898cde1..d85ab29 100644
--- a/panoptes/routes/api.py
+++ b/panoptes/routes/api.py
@@ -1,6 +1,5 @@
-from flask import jsonify
-
-from panoptes.server_utilities.db_queries import get_db_workflows_by_id, get_db_workflows, get_db_jobs, get_db_job_by_id
+from flask import jsonify, request, Response
+from panoptes.server_utilities.db_queries import get_db_workflows_by_id, get_db_workflows, get_db_jobs, get_db_job_by_id, delete_db_wf, get_db_workflows_by_status, delete_whole_db, get_db_table_is_empty, rename_db_wf, rename_db_job
 from . import routes
 
 '''
@@ -8,28 +7,30 @@
 /api/workflow/<workflow_id>
 /api/workflow/<workflow_id>/jobs
 /api/workflow<workflow_id>/job/<job_id>
+/api/workflows/all
 '''
 
 
 @routes.route('/api/service-info', methods=['GET'])
 def get_service_info():
-    return jsonify({'status': "running"})
+    return jsonify({'status': "running"}), 200
 
 
 @routes.route('/api/workflows', methods=['GET'])
 def get_workflows():
     workflows = [wf.get_workflow() for wf in get_db_workflows()]
     return jsonify({'workflows': workflows,
-                    'count': len(workflows)})
+                    'count': len(workflows)}), 200
 
 
 @routes.route('/api/workflow/<workflow_id>', methods=['GET'])
 def get_workflow_by_id(workflow_id):
     workflows = get_db_workflows_by_id(workflow_id)
     if workflows:
-        return jsonify({'workflow': workflows.get_workflow()})
+        return jsonify({'workflow': workflows.get_workflow()}), 200
     else:
-        return jsonify({'msg': "Workflow not found"})
+        response = Response(status=404)
+        return response
 
 
 @routes.route('/api/workflow/<workflow_id>/jobs', methods=['GET'])
@@ -38,11 +39,10 @@ def get_jobs_of_workflow(workflow_id):
     if workflows:
         jobs = [j.get_job_json() for j in get_db_jobs(workflows.id)]
         return jsonify({'jobs': jobs,
-                        'count': len(jobs)})
+                        'count': len(jobs)}), 200
     else:
-        return jsonify({'msg': 'Workflow not found',
-                        'jobs': [],
-                        'count': 0})
+        response = Response(status=404)
+        return response
 
 
 def get_jobs(wf_id):
@@ -59,10 +59,58 @@ def get_job_of_workflow(workflow_id, job_id):
     if workflows:
         job = get_db_job_by_id(workflows.id, job_id)
         if job:
-            return jsonify({'jobs': job.get_job_json()})
+            return jsonify({'jobs': job.get_job_json()}), 200
+        else:
+            response = Response(status=404)
+            return response
+    else:
+        response = Response(status=404)
+        return response
+
+
+@routes.route('/api/workflow/<workflow_id>', methods=['PUT'])
+def rename_workflow_by_id(workflow_id):
+    data = request.json
+    if data is None or 'name' not in data or len(data['name']) < 1 or data['name'].isspace():
+        response = Response(status=400)
+        return response
+    workflows = get_db_workflows_by_id(workflow_id)
+    if workflows:
+        if rename_db_wf(workflow_id, data['name']):
+            return jsonify({'workflow': workflows.get_workflow()}), 200
         else:
-            return jsonify({'msg': 'Job not found'})
+            return jsonify({'msg': 'Database error'}), 500
     else:
-        return jsonify({'msg': 'Workflow not found',
-                        'jobs': [],
-                        'count': 0})
+        response = Response(status=404)
+        return response
+
+
+@routes.route('/api/workflow/<workflow_id>', methods=['DELETE'])
+def set_db_delete(workflow_id):
+    if(get_db_workflows_by_id(workflow_id) is None):
+        response = Response(status=404)
+        return response
+    elif(get_db_workflows_by_status(workflow_id) == 'Running'):
+        return jsonify({'msg': 'You cannot delete Running Workflow '}), 403
+    else:
+        delete = delete_db_wf(workflow_id)
+        if delete:
+            response = Response(status=204)
+            return response
+        else:
+            return jsonify({'msg': 'The server is unable to store the '
+                            'representation needed to complete the delete request.'}), 507
+
+
+@routes.route('/api/workflows/all', methods=['DELETE'])
+def set_whole_db_delete():
+    if get_db_table_is_empty('Workflows'):
+        response = Response(status=410)
+        return response
+    else:
+        delete = delete_whole_db()
+        if delete:
+            return jsonify({'msg': 'Database clean up is complete'}), 200
+        else:
+            return jsonify({'msg': 'The server is unable to store the '
+                            'representation needed to complete the delete request.'}), 507
diff --git a/panoptes/server_utilities/db_queries.py b/panoptes/server_utilities/db_queries.py
index e51f8f7..90a1ae1 100644
--- a/panoptes/server_utilities/db_queries.py
+++ b/panoptes/server_utilities/db_queries.py
@@ -1,6 +1,7 @@
 from panoptes.database import db_session
 from panoptes.models import Workflows, WorkflowMessages, WorkflowJobs
 
+import json
 
 def get_db_workflows():
     return Workflows.query.all()
@@ -10,22 +11,44 @@ def get_db_workflows_by_id(workflow_id):
     return Workflows.query.filter(Workflows.id == workflow_id).first()
 
 
+def get_db_workflows_by_status(workflow_id):
+    return (db_session.query(Workflows.status).filter(Workflows.id == workflow_id).first())[0]
+
+
+def get_db_table_is_empty(table_name):
+    if(table_name == 'User'):
+        result = db_session.query(User.id).all()
+    elif (table_name == 'Workflows'):
+        result = db_session.query(Workflows.id).all()
+    elif (table_name == 'WorkflowJobs'):
+        result = db_session.query(WorkflowJobs.id).all()
+    elif (table_name == 'WorkflowMessages'):
+        result = db_session.query(WorkflowMessages.id).all()
+    if len(result) <= 0:
+        return True
+    else:
+        return False
+    return
+
+
 def maintain_jobs(msg, wf_id):
-    msg_json = eval(msg)
+
+    # The message should be a json dump
+    msg_json = json.loads(msg)
 
     if "jobid" in msg_json.keys():
         if msg_json["level"] == 'job_info':
             job = WorkflowJobs(
-                    msg_json['jobid'],
-                    wf_id, msg_json['msg'],
-                    msg_json['name'],
-                    repr(msg_json['input']),
-                    repr(msg_json['output']),
-                    repr(msg_json['log']),
-                    repr(msg_json['wildcards']),
-                    msg_json['is_checkpoint'],
-
-                )
+                msg_json['jobid'],
+                wf_id, msg_json['msg'],
+                msg_json['name'],
+                repr(msg_json['input']),
+                repr(msg_json['output']),
+                repr(msg_json['log']),
+                repr(msg_json['wildcards']),
+                msg_json['is_checkpoint'],
+
+            )
             db_session.add(job)
             db_session.commit()
             return True
@@ -42,6 +65,9 @@ def maintain_jobs(msg, wf_id):
                 .filter(WorkflowJobs.jobid == msg_json["jobid"]).first()
             job.job_error()
             db_session.commit()
+            wf = Workflows.query.filter(Workflows.id == wf_id).first()
+            wf.set_error()
+            db_session.commit()
             return True
 
     if msg_json["level"] == 'info':
@@ -77,3 +103,79 @@ def get_db_jobs(workflow_id):
 
 def get_db_job_by_id(workflow_id, job_id):
     return WorkflowJobs.query.filter(WorkflowJobs.wf_id == workflow_id).filter(WorkflowJobs.jobid == job_id).first()
+
+
+def rename_db_wf(workflow_id, new_name):
+    try:
+        d_wf = Workflows.query.filter(Workflows.id == workflow_id).first()
+        d_wf.name = new_name
+        db_session.commit()
+        return True
+    except:
+        return False
+
+
+def rename_db_job(workflow_id, job_id, new_name):
+    try:
+        job = WorkflowJobs.query.filter(WorkflowJobs.wf_id == workflow_id)\
+            .filter(WorkflowJobs.jobid == job_id).first()
+        job.name = new_name
+        db_session.commit()
+        return True
+    except:
+        return False
+
+
+def delete_db_wf(workflow_id):
+    try:
+        db_session.query(WorkflowMessages).filter(
+            WorkflowMessages.wf_id == workflow_id).delete()
+        db_session.query(WorkflowJobs).filter(
+            WorkflowJobs.wf_id == workflow_id).delete()
+        d_wf = Workflows.query.filter(Workflows.id == workflow_id).first()
+        db_session.delete(d_wf)
+        db_session.commit()
+        msg_garbage_collector()
+        job_garbage_collector()
+        return True
+    except:
+        return False
+
+
+def delete_whole_db():
+    try:
+        db_session.query(WorkflowMessages).delete()
+        db_session.query(WorkflowJobs).delete()
+        db_session.query(Workflows).delete()
+        db_session.commit()
+        return True
+    except:
+        return False
+
+
+def msg_garbage_collector():
+    result = db_session.query(Workflows.id).all()
+    notin_list_tuple = tuple([r[0] for r in result])
+    result = db_session.query(WorkflowMessages.id).filter(
+        ~WorkflowMessages.wf_id.in_(notin_list_tuple)).distinct()
+    in_list_tuple = tuple([r[0] for r in result])
+    if in_list_tuple:
+        delete_q = WorkflowMessages.__table__.delete().where(
+            WorkflowMessages.id.in_(in_list_tuple))
+        db_session.execute(delete_q)
+        db_session.commit()
+    return True
+
+
+def job_garbage_collector():
+    result = db_session.query(Workflows.id).all()
+    notin_list_tuple = tuple([r[0] for r in result])
+    result = db_session.query(WorkflowJobs.id).filter(
+        ~WorkflowJobs.wf_id.in_(notin_list_tuple)).distinct()
+    in_list_tuple = tuple([r[0] for r in result])
+    if in_list_tuple:
+        delete_q = WorkflowJobs.__table__.delete().where(
+            WorkflowJobs.id.in_(in_list_tuple))
+        db_session.execute(delete_q)
+        db_session.commit()
+    return True
diff --git a/panoptes/static/src/about.html b/panoptes/static/src/about.html
index f3f15ab..c21a0d9 100644
--- a/panoptes/static/src/about.html
+++ b/panoptes/static/src/about.html
@@ -8,24 +8,19 @@
     <table class="table table-responsive-sm table-hover table-outline mb-0">
       <tbody>
       <td>
-        Bioinformaticians and data scientists, rely on computational frameworks (e.g. <a
-        href="https://snakemake.readthedocs.io/en/stable/"> snakemake</a>,<a href="https://www.nextflow.io">
-        nextflow</a>,<a href="https://www.commonwl.org"> CWL</a>, <a href="https://github.com/openwdl/wdl"> WDL</a>) to
-        process, analyze and integrate data of various types. Such frameworks allow scientists to combine software and
-        custom tools of different origin in a unified way, which lets them reproduce the results of others, or reuse the
-        same pipeline on different datasets.
-        <br/>
-        One of the fundamental issues is that the majority of the users execute multiple pipelines at the same time, or
-        execute a multistep pipeline for a big number of datasets, or both, making it hard to track the execution of the
-        individual steps or monitor which of the processed datasets are complete.
-        <br/> <br/>
-        <img src="img/brand/panoptes.png">   is a tool that monitors the execution of such work flows.
-        <br/> <br/>It can be used by: Data scientists, bioinformaticians, etc. that want to have a general overview of the
-        progress of their pipelines and the status of their jobs Administrations that want to monitor their servers Web
-        developers that want to integrate the service in bigger web applications.
-        <br/> <br/>
-        <i>Note:   </i> <img src="img/brand/panoptes.png">   is in early development stage and the first proof of concept
-          server will support only workflows written in snakemake. We intend to expand its functionality in the future.
+        <p>
+        Bioinformaticians and data scientists rely on computational frameworks (e.g. <a href="https://snakemake.github.io/">snakemake</a>) 
+        to process, analyze, integrate and annotate data of various types. Such frameworks allow one to combine heterogeneous 
+        software tools in a consistent manner, which enables the reproduction of scientific results, and the reuse 
+        of the same pipeline on different datasets. The challenge is, however, to track the execution of the 
+        individual steps or monitor which datasets have been processed, given that multiple pipelines are executed 
+        at the same time, or that a large number of steps are executed in parallel for multiple datasets. 
+        This challenge is addressed by <a href="https://github.com/panoptes-organization/panoptes">panoptes</a>, 
+        a tool that can be used by administrators who want to monitor their servers, data scientists or bioinformaticians who 
+        want to have a general overview of the progress of their pipelines or web developers who want to integrate 
+        the service in bigger web applications. Tools like panoptes allow scientists to focus on their scientific 
+        questions and spend less time on tedious tasks. Panoptes is a free and open source tool under the MIT license.
+        </p>
       </td>
       </tbody>
     </table>
diff --git a/panoptes/static/src/contribute.html b/panoptes/static/src/contribute.html
deleted file mode 100644
index 4efadfe..0000000
--- a/panoptes/static/src/contribute.html
+++ /dev/null
@@ -1,66 +0,0 @@
-{% extends "index.html" %}
-
-{% block main_info %}
-
-<div class="card">
-  <div class="card-header">contribute</div>
-  <div class="card-body">
-    <table class="table table-responsive-sm table-hover table-outline mb-0">
-      <tbody>
-      <td>
-        First off, thanks for taking the time to contribute!
-        <br/> <br/>
-        The following is a set of guidelines for contributing to panoptes. These are mostly guidelines, not rules. Use
-        your best judgment, and feel free to propose changes to this document in a pull request.
-        <br/> <br/>
-        <strong>How Can I Contribute?</strong>
-        <br/>
-        <ul>
-          <li>Report bugs</li>
-          <li>Propose or implement features</li>
-          <li>Submit code changes / fixes</li>
-          <li>Discuss code</li>
-        </ul>
-
-        See <a href="https://guides.github.com/features/issues/">here</a> for a short tutorial for GitHub's issue
-        tracking system.
-
-        Please adhere to the <a href="https://github.com/panoptes-organization/panoptes/blob/master/CODE_OF_CONDUCT.md">
-        Code of Conduct.</a>
-        <br/> <br/>
-        <strong>Reporting bugs</strong>
-        <br/>
-        Please use the project's issue tracker to report bugs. If you have no experience in filing bug reports, see
-        e.g., these <a
-        href="https://developer.mozilla.org/en-US/docs/Mozilla/QA/Bug_writing_guidelines">recommendations</a> by the
-        Mozilla Developer Network first. Briefly, it is important that bug reports contain enough detail, background
-        and, if applicable, minimal reproducible sample code.
-        <br/>
-        Tell us what you expect to happen, and what actually does happen.
-        <br/> <br/>
-        <strong>Implementing features and submitting fixes</strong>
-        <br/>
-        Kindly use pull requests to submit changes to the code base. But please note that this project is driven by a
-        community that likes to act on consensus. So in your own best interest, before just firing off a pull request
-        after a lot of work, please open an issue to discuss your proposed changes first. Afterwards, please stick to
-        the following simple rules to make sure your pull request will indeed be merged:
-        <br/>
-        <ul>
-          <li>Fork the repo and create a feature branch from branch develop</li>
-          <li>If you've added code that should be tested, add tests.</li>
-          <li>Ensure that all tests pass.</li>
-          <li>Document your code and update all relevant documentation.</li>
-          <li>Stick to the code and documentation style (see below).</li>
-          <li>Issue the pull request.</li>
-          <li>Don't forget to add your name and GitHub profile URL to the list of contributors.</li>
-        </ul>
-        <br/> <br/>
-        <i>Important: </i>Note that all your contributions are understood to be covered by the same license that covers
-        the entire project.
-      </td>
-      </tbody>
-    </table>
-  </div>
-</div>
-
-{% endblock %}
diff --git a/panoptes/static/src/css/style.css b/panoptes/static/src/css/style.css
index e7c1e24..f378db6 100644
--- a/panoptes/static/src/css/style.css
+++ b/panoptes/static/src/css/style.css
@@ -554,6 +554,10 @@ pre code {
   overflow-y: scroll;
 }
 
+table.table td .add {
+    display: none;
+}
+
 .container {
   width: 100%;
   padding-right: 15px;
@@ -16393,4 +16397,35 @@ body {
 .was-validated .form-control:invalid, .form-control.is-invalid {
   background-position: right calc(0.375em + 0.1875rem) center;
 }
+
+#deleteAll {
+  border-color: transparent;
+  background-color: transparent;
+  color: black;
+  float: right;
+}
+
+#deleteBtn {
+  border-color: transparent;
+  background-color: transparent;
+  color: black;
+  }
+
+#editBtn {
+  border-color: transparent;
+  background-color: transparent;
+  color: black;
+}
+
+#addBtn {
+  border-color: transparent;
+  background-color: transparent;
+  color: black;
+}
+
+.modalConfirmation {
+  background-color: #3a4248;
+}
+
+
 /*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/panoptes/static/src/icons/coreui-icons.html b/panoptes/static/src/icons/coreui-icons.html
deleted file mode 100644
index bfc0d37..0000000
--- a/panoptes/static/src/icons/coreui-icons.html
+++ /dev/null
@@ -1,1084 +0,0 @@
-<!DOCTYPE html>
-<!--
-* CoreUI - Free Bootstrap Admin Template
-* @version v2.1.15
-* @link https://coreui.io
-* Copyright (c) 2018 creativeLabs Łukasz Holeczek
-* Licensed under MIT (https://coreui.io/license)
--->
-
-<html lang="en">
-  <head>
-    <base href="./../">
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <meta name="description" content="CoreUI - Open Source Bootstrap Admin Template">
-    <meta name="author" content="Łukasz Holeczek">
-    <meta name="keyword" content="Bootstrap,Admin,Template,Open,Source,jQuery,CSS,HTML,RWD,Dashboard">
-    <title>CoreUI Free Bootstrap Admin Template</title>
-    <!-- Icons-->
-    <link href="node_modules/@coreui/icons/css/coreui-icons.min.css" rel="stylesheet">
-    <link href="node_modules/flag-icon-css/css/flag-icon.min.css" rel="stylesheet">
-    <link href="node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet">
-    <link href="node_modules/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">
-    <!-- Main styles for this application-->
-    <link href="css/style.css" rel="stylesheet">
-    <link href="vendors/pace-progress/css/pace.min.css" rel="stylesheet">
-    <!-- Global site tag (gtag.js) - Google Analytics-->
-    <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-118965717-3"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-
-      function gtag() {
-        dataLayer.push(arguments);
-      }
-      gtag('js', new Date());
-      // Shared ID
-      gtag('config', 'UA-118965717-3');
-      // Bootstrap ID
-      gtag('config', 'UA-118965717-5');
-    </script>
-  </head>
-  <body class="app header-fixed sidebar-fixed aside-menu-fixed sidebar-lg-show">
-    <header class="app-header navbar">
-      <button class="navbar-toggler sidebar-toggler d-lg-none mr-auto" type="button" data-toggle="sidebar-show">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-      <a class="navbar-brand" href="#">
-        <img class="navbar-brand-full" src="img/brand/logo.svg" width="89" height="25" alt="CoreUI Logo">
-        <img class="navbar-brand-minimized" src="img/brand/sygnet.svg" width="30" height="30" alt="CoreUI Logo">
-      </a>
-      <button class="navbar-toggler sidebar-toggler d-md-down-none" type="button" data-toggle="sidebar-lg-show">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-      <ul class="nav navbar-nav d-md-down-none">
-        <li class="nav-item px-3">
-          <a class="nav-link" href="#">Dashboard</a>
-        </li>
-        <li class="nav-item px-3">
-          <a class="nav-link" href="#">Users</a>
-        </li>
-        <li class="nav-item px-3">
-          <a class="nav-link" href="#">Settings</a>
-        </li>
-      </ul>
-      <ul class="nav navbar-nav ml-auto">
-        <li class="nav-item d-md-down-none">
-          <a class="nav-link" href="#">
-            <i class="icon-bell"></i>
-            <span class="badge badge-pill badge-danger">5</span>
-          </a>
-        </li>
-        <li class="nav-item d-md-down-none">
-          <a class="nav-link" href="#">
-            <i class="icon-list"></i>
-          </a>
-        </li>
-        <li class="nav-item d-md-down-none">
-          <a class="nav-link" href="#">
-            <i class="icon-location-pin"></i>
-          </a>
-        </li>
-        <li class="nav-item dropdown">
-          <a class="nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
-            <img class="img-avatar" src="img/avatars/6.jpg" alt="admin@bootstrapmaster.com">
-          </a>
-          <div class="dropdown-menu dropdown-menu-right">
-            <div class="dropdown-header text-center">
-              <strong>Account</strong>
-            </div>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-bell-o"></i> Updates
-              <span class="badge badge-info">42</span>
-            </a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-envelope-o"></i> Messages
-              <span class="badge badge-success">42</span>
-            </a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-tasks"></i> Tasks
-              <span class="badge badge-danger">42</span>
-            </a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-comments"></i> Comments
-              <span class="badge badge-warning">42</span>
-            </a>
-            <div class="dropdown-header text-center">
-              <strong>Settings</strong>
-            </div>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-user"></i> Profile</a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-wrench"></i> Settings</a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-usd"></i> Payments
-              <span class="badge badge-secondary">42</span>
-            </a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-file"></i> Projects
-              <span class="badge badge-primary">42</span>
-            </a>
-            <div class="dropdown-divider"></div>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-shield"></i> Lock Account</a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-lock"></i> Logout</a>
-          </div>
-        </li>
-      </ul>
-      <button class="navbar-toggler aside-menu-toggler d-md-down-none" type="button" data-toggle="aside-menu-lg-show">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-      <button class="navbar-toggler aside-menu-toggler d-lg-none" type="button" data-toggle="aside-menu-show">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-    </header>
-    <div class="app-body">
-      <div class="sidebar">
-        <nav class="sidebar-nav">
-          <ul class="nav">
-            <li class="nav-item">
-              <a class="nav-link" href="index.html">
-                <i class="nav-icon icon-speedometer"></i> Dashboard
-                <span class="badge badge-primary">NEW</span>
-              </a>
-            </li>
-            <li class="nav-title">Theme</li>
-            <li class="nav-item">
-              <a class="nav-link" href="colors.html">
-                <i class="nav-icon icon-drop"></i> Colors</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="typography.html">
-                <i class="nav-icon icon-pencil"></i> Typography</a>
-            </li>
-            <li class="nav-title">Components</li>
-            <li class="nav-item nav-dropdown">
-              <a class="nav-link nav-dropdown-toggle" href="#">
-                <i class="nav-icon icon-puzzle"></i> Base</a>
-              <ul class="nav-dropdown-items">
-                <li class="nav-item">
-                  <a class="nav-link" href="base/breadcrumb.html">
-                    <i class="nav-icon icon-puzzle"></i> Breadcrumb</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/cards.html">
-                    <i class="nav-icon icon-puzzle"></i> Cards</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/carousel.html">
-                    <i class="nav-icon icon-puzzle"></i> Carousel</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/collapse.html">
-                    <i class="nav-icon icon-puzzle"></i> Collapse</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/forms.html">
-                    <i class="nav-icon icon-puzzle"></i> Forms</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/jumbotron.html">
-                    <i class="nav-icon icon-puzzle"></i> Jumbotron</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/list-group.html">
-                    <i class="nav-icon icon-puzzle"></i> List group</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/navs.html">
-                    <i class="nav-icon icon-puzzle"></i> Navs</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/pagination.html">
-                    <i class="nav-icon icon-puzzle"></i> Pagination</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/popovers.html">
-                    <i class="nav-icon icon-puzzle"></i> Popovers</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/progress.html">
-                    <i class="nav-icon icon-puzzle"></i> Progress</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/scrollspy.html">
-                    <i class="nav-icon icon-puzzle"></i> Scrollspy</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/switches.html">
-                    <i class="nav-icon icon-puzzle"></i> Switches</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/tables.html">
-                    <i class="nav-icon icon-puzzle"></i> Tables</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/tabs.html">
-                    <i class="nav-icon icon-puzzle"></i> Tabs</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/tooltips.html">
-                    <i class="nav-icon icon-puzzle"></i> Tooltips</a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item nav-dropdown">
-              <a class="nav-link nav-dropdown-toggle" href="#">
-                <i class="nav-icon icon-cursor"></i> Buttons</a>
-              <ul class="nav-dropdown-items">
-                <li class="nav-item">
-                  <a class="nav-link" href="buttons/buttons.html">
-                    <i class="nav-icon icon-cursor"></i> Buttons</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="buttons/button-group.html">
-                    <i class="nav-icon icon-cursor"></i> Buttons Group</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="buttons/dropdowns.html">
-                    <i class="nav-icon icon-cursor"></i> Dropdowns</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="buttons/brand-buttons.html">
-                    <i class="nav-icon icon-cursor"></i> Brand Buttons</a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="charts.html">
-                <i class="nav-icon icon-pie-chart"></i> Charts</a>
-            </li>
-            <li class="nav-item nav-dropdown">
-              <a class="nav-link nav-dropdown-toggle" href="#">
-                <i class="nav-icon icon-star"></i> Icons</a>
-              <ul class="nav-dropdown-items">
-                <li class="nav-item">
-                  <a class="nav-link" href="icons/coreui-icons.html">
-                    <i class="nav-icon icon-star"></i> CoreUI Icons
-                    <span class="badge badge-success">NEW</span>
-                  </a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="icons/flags.html">
-                    <i class="nav-icon icon-star"></i> Flags</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="icons/font-awesome.html">
-                    <i class="nav-icon icon-star"></i> Font Awesome
-                    <span class="badge badge-secondary">4.7</span>
-                  </a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="icons/simple-line-icons.html">
-                    <i class="nav-icon icon-star"></i> Simple Line Icons</a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item nav-dropdown">
-              <a class="nav-link nav-dropdown-toggle" href="#">
-                <i class="nav-icon icon-bell"></i> Notifications</a>
-              <ul class="nav-dropdown-items">
-                <li class="nav-item">
-                  <a class="nav-link" href="notifications/alerts.html">
-                    <i class="nav-icon icon-bell"></i> Alerts</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="notifications/badge.html">
-                    <i class="nav-icon icon-bell"></i> Badge</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="notifications/modals.html">
-                    <i class="nav-icon icon-bell"></i> Modals</a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="widgets.html">
-                <i class="nav-icon icon-calculator"></i> Widgets
-                <span class="badge badge-primary">NEW</span>
-              </a>
-            </li>
-            <li class="divider"></li>
-            <li class="nav-title">Extras</li>
-            <li class="nav-item nav-dropdown">
-              <a class="nav-link nav-dropdown-toggle" href="#">
-                <i class="nav-icon icon-star"></i> Pages</a>
-              <ul class="nav-dropdown-items">
-                <li class="nav-item">
-                  <a class="nav-link" href="login.html" target="_top">
-                    <i class="nav-icon icon-star"></i> Login</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="register.html" target="_top">
-                    <i class="nav-icon icon-star"></i> Register</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="404.html" target="_top">
-                    <i class="nav-icon icon-star"></i> Error 404</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="500.html" target="_top">
-                    <i class="nav-icon icon-star"></i> Error 500</a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item mt-auto">
-              <a class="nav-link nav-link-success" href="https://coreui.io" target="_top">
-                <i class="nav-icon icon-cloud-download"></i> Download CoreUI</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link nav-link-danger" href="https://coreui.io/pro/" target="_top">
-                <i class="nav-icon icon-layers"></i> Try CoreUI
-                <strong>PRO</strong>
-              </a>
-            </li>
-          </ul>
-        </nav>
-        <button class="sidebar-minimizer brand-minimizer" type="button"></button>
-      </div>
-      <main class="main">
-        <!-- Breadcrumb-->
-        <ol class="breadcrumb">
-          <li class="breadcrumb-item">Home</li>
-          <li class="breadcrumb-item">
-            <a href="#">Admin</a>
-          </li>
-          <li class="breadcrumb-item active">Dashboard</li>
-          <!-- Breadcrumb Menu-->
-          <li class="breadcrumb-menu d-md-down-none">
-            <div class="btn-group" role="group" aria-label="Button group">
-              <a class="btn" href="#">
-                <i class="icon-speech"></i>
-              </a>
-              <a class="btn" href="./">
-                <i class="icon-graph"></i>  Dashboard</a>
-              <a class="btn" href="#">
-                <i class="icon-settings"></i>  Settings</a>
-            </div>
-          </li>
-        </ol>
-        <div class="container-fluid">
-          <div class="animated fadeIn">
-            <div class="card card-default">
-              <div class="card-header">
-                <i class="fa fa-picture-o"></i> CoreUI Icons
-                <div class="card-header-actions">
-                  <a class="card-header-action" href="https://github.com/coreui/coreui-icons" target="_blank">Github</a>
-                </div>
-              </div>
-              <div class="card-body">
-                <div class="row text-center">
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-account-logout"></i>
-                    <div>account-logout</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-action-redo"></i>
-                    <div>action-redo</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-action-undo"></i>
-                    <div>action-undo</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-align-center"></i>
-                    <div>align-center</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-align-left"></i>
-                    <div>align-left</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-align-right"></i>
-                    <div>align-right</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-arrow-bottom"></i>
-                    <div>arrow-bottom</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-arrow-left"></i>
-                    <div>arrow-left</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-arrow-right"></i>
-                    <div>arrow-right</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-arrow-top"></i>
-                    <div>arrow-top</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-ban"></i>
-                    <div>ban</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-basket-loaded"></i>
-                    <div>basket-loaded</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-bell"></i>
-                    <div>bell</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-bold"></i>
-                    <div>bold</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-bookmark"></i>
-                    <div>bookmark</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-briefcase"></i>
-                    <div>briefcase</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-british-pound"></i>
-                    <div>british-pound</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-brush"></i>
-                    <div>brush</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-calculator"></i>
-                    <div>calculator</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-calendar"></i>
-                    <div>calendar</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-cart"></i>
-                    <div>cart</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-chart"></i>
-                    <div>chart</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-check"></i>
-                    <div>check</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-chevron-bottom"></i>
-                    <div>chevron-bottom</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-chevron-left"></i>
-                    <div>chevron-left</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-chevron-right"></i>
-                    <div>chevron-right</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-chevron-top"></i>
-                    <div>chevron-top</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-circle-check"></i>
-                    <div>circle-check</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-circle-x"></i>
-                    <div>circle-x</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-cloud"></i>
-                    <div>cloud</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-cloud-download"></i>
-                    <div>cloud-download</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-cloud-upload"></i>
-                    <div>cloud-upload</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-code"></i>
-                    <div>code</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-cog"></i>
-                    <div>cog</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-comment-square"></i>
-                    <div>comment-square</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-credit-card"></i>
-                    <div>credit-card</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-cursor"></i>
-                    <div>cursor</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-dashboard"></i>
-                    <div>dashboard</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-delete"></i>
-                    <div>delete</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-dollar"></i>
-                    <div>dollar</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-drop"></i>
-                    <div>drop</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-envelope-closed"></i>
-                    <div>envelope-closed</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-envelope-letter"></i>
-                    <div>envelope-letter</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-envelope-open"></i>
-                    <div>envelope-open</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-euro"></i>
-                    <div>euro</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-file"></i>
-                    <div>file</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-globe"></i>
-                    <div>globe</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-graph"></i>
-                    <div>graph</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-home"></i>
-                    <div>home</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-inbox"></i>
-                    <div>inbox</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-info"></i>
-                    <div>info</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-italic"></i>
-                    <div>italic</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-justify-center"></i>
-                    <div>justify-center</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-justify-left"></i>
-                    <div>justify-left</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-justify-right"></i>
-                    <div>justify-right</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-laptop"></i>
-                    <div>laptop</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-layers"></i>
-                    <div>layers</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-lightbulb"></i>
-                    <div>lightbulb</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-list"></i>
-                    <div>list</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-location-pin"></i>
-                    <div>location-pin</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-lock-locked"></i>
-                    <div>lock-locked</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-lock-unlocked"></i>
-                    <div>lock-unlocked</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-magnifying-glass"></i>
-                    <div>magnifying-glass</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-map"></i>
-                    <div>map</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-monitor"></i>
-                    <div>monitor</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-moon"></i>
-                    <div>moon</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-note"></i>
-                    <div>note</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-options"></i>
-                    <div>options</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-paperclip"></i>
-                    <div>paperclip</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-pencil"></i>
-                    <div>pencil</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-people"></i>
-                    <div>people</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-phone"></i>
-                    <div>phone</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-pie-chart"></i>
-                    <div>pie-chart</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-print"></i>
-                    <div>print</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-puzzle"></i>
-                    <div>puzzle</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-rss"></i>
-                    <div>rss</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-screen-desktop"></i>
-                    <div>screen-desktop</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-screen-smartphone"></i>
-                    <div>screen-smartphone</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-settings"></i>
-                    <div>settings</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-share"></i>
-                    <div>share</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-shield"></i>
-                    <div>shield</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-sort-ascending"></i>
-                    <div>sort-ascending</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-sort-descending"></i>
-                    <div>sort-descending</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-speech"></i>
-                    <div>speech</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-speedometer"></i>
-                    <div>speedometer</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-star"></i>
-                    <div>star</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-sun"></i>
-                    <div>sun</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-tablet"></i>
-                    <div>tablet</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-tags"></i>
-                    <div>tags</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-task"></i>
-                    <div>task</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-thumb-down"></i>
-                    <div>thumb-down</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-thumb-up"></i>
-                    <div>thumb-up</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-trash"></i>
-                    <div>trash</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-underline"></i>
-                    <div>underline</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-user"></i>
-                    <div>user</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-user-female"></i>
-                    <div>user-female</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-user-follow"></i>
-                    <div>user-follow</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-user-unfollow"></i>
-                    <div>user-unfollow</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-wrench"></i>
-                    <div>wrench</div>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-2">
-                    <i class="icons font-2xl d-block mt-5 cui-yen"></i>
-                    <div>yen</div>
-                  </div>
-                </div>
-                <!-- /.row-->
-              </div>
-            </div>
-          </div>
-        </div>
-      </main>
-      <aside class="aside-menu">
-        <ul class="nav nav-tabs" role="tablist">
-          <li class="nav-item">
-            <a class="nav-link active" data-toggle="tab" href="#timeline" role="tab">
-              <i class="icon-list"></i>
-            </a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" data-toggle="tab" href="#messages" role="tab">
-              <i class="icon-speech"></i>
-            </a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" data-toggle="tab" href="#settings" role="tab">
-              <i class="icon-settings"></i>
-            </a>
-          </li>
-        </ul>
-        <!-- Tab panes-->
-        <div class="tab-content">
-          <div class="tab-pane active" id="timeline" role="tabpanel">
-            <div class="list-group list-group-accent">
-              <div class="list-group-item list-group-item-accent-secondary bg-light text-center font-weight-bold text-muted text-uppercase small">Today</div>
-              <div class="list-group-item list-group-item-accent-warning list-group-item-divider">
-                <div class="avatar float-right">
-                  <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                </div>
-                <div>Meeting with
-                  <strong>Lucas</strong>
-                </div>
-                <small class="text-muted mr-3">
-                  <i class="icon-calendar"></i>  1 - 3pm</small>
-                <small class="text-muted">
-                  <i class="icon-location-pin"></i>  Palo Alto, CA</small>
-              </div>
-              <div class="list-group-item list-group-item-accent-info">
-                <div class="avatar float-right">
-                  <img class="img-avatar" src="img/avatars/4.jpg" alt="admin@bootstrapmaster.com">
-                </div>
-                <div>Skype with
-                  <strong>Megan</strong>
-                </div>
-                <small class="text-muted mr-3">
-                  <i class="icon-calendar"></i>  4 - 5pm</small>
-                <small class="text-muted">
-                  <i class="icon-social-skype"></i>  On-line</small>
-              </div>
-              <div class="list-group-item list-group-item-accent-secondary bg-light text-center font-weight-bold text-muted text-uppercase small">Tomorrow</div>
-              <div class="list-group-item list-group-item-accent-danger list-group-item-divider">
-                <div>New UI Project -
-                  <strong>deadline</strong>
-                </div>
-                <small class="text-muted mr-3">
-                  <i class="icon-calendar"></i>  10 - 11pm</small>
-                <small class="text-muted">
-                  <i class="icon-home"></i>  creativeLabs HQ</small>
-                <div class="avatars-stack mt-2">
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/2.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/3.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/4.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/5.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/6.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                </div>
-              </div>
-              <div class="list-group-item list-group-item-accent-success list-group-item-divider">
-                <div>
-                  <strong>#10 Startups.Garden</strong> Meetup</div>
-                <small class="text-muted mr-3">
-                  <i class="icon-calendar"></i>  1 - 3pm</small>
-                <small class="text-muted">
-                  <i class="icon-location-pin"></i>  Palo Alto, CA</small>
-              </div>
-              <div class="list-group-item list-group-item-accent-primary list-group-item-divider">
-                <div>
-                  <strong>Team meeting</strong>
-                </div>
-                <small class="text-muted mr-3">
-                  <i class="icon-calendar"></i>  4 - 6pm</small>
-                <small class="text-muted">
-                  <i class="icon-home"></i>  creativeLabs HQ</small>
-                <div class="avatars-stack mt-2">
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/2.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/3.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/4.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/5.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/6.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/8.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="tab-pane p-3" id="messages" role="tabpanel">
-            <div class="message">
-              <div class="py-3 pb-5 mr-3 float-left">
-                <div class="avatar">
-                  <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                  <span class="avatar-status badge-success"></span>
-                </div>
-              </div>
-              <div>
-                <small class="text-muted">Lukasz Holeczek</small>
-                <small class="text-muted float-right mt-1">1:52 PM</small>
-              </div>
-              <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
-              <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
-            </div>
-            <hr>
-            <div class="message">
-              <div class="py-3 pb-5 mr-3 float-left">
-                <div class="avatar">
-                  <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                  <span class="avatar-status badge-success"></span>
-                </div>
-              </div>
-              <div>
-                <small class="text-muted">Lukasz Holeczek</small>
-                <small class="text-muted float-right mt-1">1:52 PM</small>
-              </div>
-              <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
-              <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
-            </div>
-            <hr>
-            <div class="message">
-              <div class="py-3 pb-5 mr-3 float-left">
-                <div class="avatar">
-                  <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                  <span class="avatar-status badge-success"></span>
-                </div>
-              </div>
-              <div>
-                <small class="text-muted">Lukasz Holeczek</small>
-                <small class="text-muted float-right mt-1">1:52 PM</small>
-              </div>
-              <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
-              <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
-            </div>
-            <hr>
-            <div class="message">
-              <div class="py-3 pb-5 mr-3 float-left">
-                <div class="avatar">
-                  <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                  <span class="avatar-status badge-success"></span>
-                </div>
-              </div>
-              <div>
-                <small class="text-muted">Lukasz Holeczek</small>
-                <small class="text-muted float-right mt-1">1:52 PM</small>
-              </div>
-              <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
-              <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
-            </div>
-            <hr>
-            <div class="message">
-              <div class="py-3 pb-5 mr-3 float-left">
-                <div class="avatar">
-                  <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                  <span class="avatar-status badge-success"></span>
-                </div>
-              </div>
-              <div>
-                <small class="text-muted">Lukasz Holeczek</small>
-                <small class="text-muted float-right mt-1">1:52 PM</small>
-              </div>
-              <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
-              <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
-            </div>
-          </div>
-          <div class="tab-pane p-3" id="settings" role="tabpanel">
-            <h6>Settings</h6>
-            <div class="aside-options">
-              <div class="clearfix mt-4">
-                <small>
-                  <b>Option 1</b>
-                </small>
-                <label class="switch switch-label switch-pill switch-success switch-sm float-right">
-                  <input class="switch-input" type="checkbox" checked="">
-                  <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
-                </label>
-              </div>
-              <div>
-                <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</small>
-              </div>
-            </div>
-            <div class="aside-options">
-              <div class="clearfix mt-3">
-                <small>
-                  <b>Option 2</b>
-                </small>
-                <label class="switch switch-label switch-pill switch-success switch-sm float-right">
-                  <input class="switch-input" type="checkbox">
-                  <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
-                </label>
-              </div>
-              <div>
-                <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</small>
-              </div>
-            </div>
-            <div class="aside-options">
-              <div class="clearfix mt-3">
-                <small>
-                  <b>Option 3</b>
-                </small>
-                <label class="switch switch-label switch-pill switch-success switch-sm float-right">
-                  <input class="switch-input" type="checkbox">
-                  <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
-                </label>
-              </div>
-            </div>
-            <div class="aside-options">
-              <div class="clearfix mt-3">
-                <small>
-                  <b>Option 4</b>
-                </small>
-                <label class="switch switch-label switch-pill switch-success switch-sm float-right">
-                  <input class="switch-input" type="checkbox" checked="">
-                  <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
-                </label>
-              </div>
-            </div>
-            <hr>
-            <h6>System Utilization</h6>
-            <div class="text-uppercase mb-1 mt-4">
-              <small>
-                <b>CPU Usage</b>
-              </small>
-            </div>
-            <div class="progress progress-xs">
-              <div class="progress-bar bg-info" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
-            </div>
-            <small class="text-muted">348 Processes. 1/4 Cores.</small>
-            <div class="text-uppercase mb-1 mt-2">
-              <small>
-                <b>Memory Usage</b>
-              </small>
-            </div>
-            <div class="progress progress-xs">
-              <div class="progress-bar bg-warning" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
-            </div>
-            <small class="text-muted">11444GB/16384MB</small>
-            <div class="text-uppercase mb-1 mt-2">
-              <small>
-                <b>SSD 1 Usage</b>
-              </small>
-            </div>
-            <div class="progress progress-xs">
-              <div class="progress-bar bg-danger" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
-            </div>
-            <small class="text-muted">243GB/256GB</small>
-            <div class="text-uppercase mb-1 mt-2">
-              <small>
-                <b>SSD 2 Usage</b>
-              </small>
-            </div>
-            <div class="progress progress-xs">
-              <div class="progress-bar bg-success" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
-            </div>
-            <small class="text-muted">25GB/256GB</small>
-          </div>
-        </div>
-      </aside>
-    </div>
-    <footer class="app-footer">
-      <div>
-        <a href="https://coreui.io">CoreUI</a>
-        <span>&copy; 2018 creativeLabs.</span>
-      </div>
-      <div class="ml-auto">
-        <span>Powered by</span>
-        <a href="https://coreui.io">CoreUI</a>
-      </div>
-    </footer>
-    <!-- CoreUI and necessary plugins-->
-    <script src="node_modules/jquery/dist/jquery.min.js"></script>
-    <script src="node_modules/popper.js/dist/umd/popper.min.js"></script>
-    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
-    <script src="node_modules/pace-progress/pace.min.js"></script>
-    <script src="node_modules/perfect-scrollbar/dist/perfect-scrollbar.min.js"></script>
-    <script src="node_modules/@coreui/coreui/dist/js/coreui.min.js"></script>
-  </body>
-</html>
diff --git a/panoptes/static/src/icons/flags.html b/panoptes/static/src/icons/flags.html
deleted file mode 100644
index 11be09b..0000000
--- a/panoptes/static/src/icons/flags.html
+++ /dev/null
@@ -1,1678 +0,0 @@
-<!DOCTYPE html>
-<!--
-* CoreUI - Free Bootstrap Admin Template
-* @version v2.1.15
-* @link https://coreui.io
-* Copyright (c) 2018 creativeLabs Łukasz Holeczek
-* Licensed under MIT (https://coreui.io/license)
--->
-
-<html lang="en">
-  <head>
-    <base href="./../">
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <meta name="description" content="CoreUI - Open Source Bootstrap Admin Template">
-    <meta name="author" content="Łukasz Holeczek">
-    <meta name="keyword" content="Bootstrap,Admin,Template,Open,Source,jQuery,CSS,HTML,RWD,Dashboard">
-    <title>CoreUI Free Bootstrap Admin Template</title>
-    <!-- Icons-->
-    <link href="node_modules/@coreui/icons/css/coreui-icons.min.css" rel="stylesheet">
-    <link href="node_modules/flag-icon-css/css/flag-icon.min.css" rel="stylesheet">
-    <link href="node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet">
-    <link href="node_modules/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">
-    <!-- Main styles for this application-->
-    <link href="css/style.css" rel="stylesheet">
-    <link href="vendors/pace-progress/css/pace.min.css" rel="stylesheet">
-    <!-- Global site tag (gtag.js) - Google Analytics-->
-    <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-118965717-3"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-
-      function gtag() {
-        dataLayer.push(arguments);
-      }
-      gtag('js', new Date());
-      // Shared ID
-      gtag('config', 'UA-118965717-3');
-      // Bootstrap ID
-      gtag('config', 'UA-118965717-5');
-    </script>
-  </head>
-  <body class="app header-fixed sidebar-fixed aside-menu-fixed sidebar-lg-show">
-    <header class="app-header navbar">
-      <button class="navbar-toggler sidebar-toggler d-lg-none mr-auto" type="button" data-toggle="sidebar-show">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-      <a class="navbar-brand" href="#">
-        <img class="navbar-brand-full" src="img/brand/logo.svg" width="89" height="25" alt="CoreUI Logo">
-        <img class="navbar-brand-minimized" src="img/brand/sygnet.svg" width="30" height="30" alt="CoreUI Logo">
-      </a>
-      <button class="navbar-toggler sidebar-toggler d-md-down-none" type="button" data-toggle="sidebar-lg-show">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-      <ul class="nav navbar-nav d-md-down-none">
-        <li class="nav-item px-3">
-          <a class="nav-link" href="#">Dashboard</a>
-        </li>
-        <li class="nav-item px-3">
-          <a class="nav-link" href="#">Users</a>
-        </li>
-        <li class="nav-item px-3">
-          <a class="nav-link" href="#">Settings</a>
-        </li>
-      </ul>
-      <ul class="nav navbar-nav ml-auto">
-        <li class="nav-item d-md-down-none">
-          <a class="nav-link" href="#">
-            <i class="icon-bell"></i>
-            <span class="badge badge-pill badge-danger">5</span>
-          </a>
-        </li>
-        <li class="nav-item d-md-down-none">
-          <a class="nav-link" href="#">
-            <i class="icon-list"></i>
-          </a>
-        </li>
-        <li class="nav-item d-md-down-none">
-          <a class="nav-link" href="#">
-            <i class="icon-location-pin"></i>
-          </a>
-        </li>
-        <li class="nav-item dropdown">
-          <a class="nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
-            <img class="img-avatar" src="img/avatars/6.jpg" alt="admin@bootstrapmaster.com">
-          </a>
-          <div class="dropdown-menu dropdown-menu-right">
-            <div class="dropdown-header text-center">
-              <strong>Account</strong>
-            </div>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-bell-o"></i> Updates
-              <span class="badge badge-info">42</span>
-            </a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-envelope-o"></i> Messages
-              <span class="badge badge-success">42</span>
-            </a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-tasks"></i> Tasks
-              <span class="badge badge-danger">42</span>
-            </a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-comments"></i> Comments
-              <span class="badge badge-warning">42</span>
-            </a>
-            <div class="dropdown-header text-center">
-              <strong>Settings</strong>
-            </div>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-user"></i> Profile</a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-wrench"></i> Settings</a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-usd"></i> Payments
-              <span class="badge badge-secondary">42</span>
-            </a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-file"></i> Projects
-              <span class="badge badge-primary">42</span>
-            </a>
-            <div class="dropdown-divider"></div>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-shield"></i> Lock Account</a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-lock"></i> Logout</a>
-          </div>
-        </li>
-      </ul>
-      <button class="navbar-toggler aside-menu-toggler d-md-down-none" type="button" data-toggle="aside-menu-lg-show">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-      <button class="navbar-toggler aside-menu-toggler d-lg-none" type="button" data-toggle="aside-menu-show">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-    </header>
-    <div class="app-body">
-      <div class="sidebar">
-        <nav class="sidebar-nav">
-          <ul class="nav">
-            <li class="nav-item">
-              <a class="nav-link" href="index.html">
-                <i class="nav-icon icon-speedometer"></i> Dashboard
-                <span class="badge badge-primary">NEW</span>
-              </a>
-            </li>
-            <li class="nav-title">Theme</li>
-            <li class="nav-item">
-              <a class="nav-link" href="colors.html">
-                <i class="nav-icon icon-drop"></i> Colors</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="typography.html">
-                <i class="nav-icon icon-pencil"></i> Typography</a>
-            </li>
-            <li class="nav-title">Components</li>
-            <li class="nav-item nav-dropdown">
-              <a class="nav-link nav-dropdown-toggle" href="#">
-                <i class="nav-icon icon-puzzle"></i> Base</a>
-              <ul class="nav-dropdown-items">
-                <li class="nav-item">
-                  <a class="nav-link" href="base/breadcrumb.html">
-                    <i class="nav-icon icon-puzzle"></i> Breadcrumb</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/cards.html">
-                    <i class="nav-icon icon-puzzle"></i> Cards</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/carousel.html">
-                    <i class="nav-icon icon-puzzle"></i> Carousel</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/collapse.html">
-                    <i class="nav-icon icon-puzzle"></i> Collapse</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/forms.html">
-                    <i class="nav-icon icon-puzzle"></i> Forms</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/jumbotron.html">
-                    <i class="nav-icon icon-puzzle"></i> Jumbotron</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/list-group.html">
-                    <i class="nav-icon icon-puzzle"></i> List group</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/navs.html">
-                    <i class="nav-icon icon-puzzle"></i> Navs</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/pagination.html">
-                    <i class="nav-icon icon-puzzle"></i> Pagination</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/popovers.html">
-                    <i class="nav-icon icon-puzzle"></i> Popovers</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/progress.html">
-                    <i class="nav-icon icon-puzzle"></i> Progress</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/scrollspy.html">
-                    <i class="nav-icon icon-puzzle"></i> Scrollspy</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/switches.html">
-                    <i class="nav-icon icon-puzzle"></i> Switches</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/tables.html">
-                    <i class="nav-icon icon-puzzle"></i> Tables</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/tabs.html">
-                    <i class="nav-icon icon-puzzle"></i> Tabs</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/tooltips.html">
-                    <i class="nav-icon icon-puzzle"></i> Tooltips</a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item nav-dropdown">
-              <a class="nav-link nav-dropdown-toggle" href="#">
-                <i class="nav-icon icon-cursor"></i> Buttons</a>
-              <ul class="nav-dropdown-items">
-                <li class="nav-item">
-                  <a class="nav-link" href="buttons/buttons.html">
-                    <i class="nav-icon icon-cursor"></i> Buttons</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="buttons/button-group.html">
-                    <i class="nav-icon icon-cursor"></i> Buttons Group</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="buttons/dropdowns.html">
-                    <i class="nav-icon icon-cursor"></i> Dropdowns</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="buttons/brand-buttons.html">
-                    <i class="nav-icon icon-cursor"></i> Brand Buttons</a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="charts.html">
-                <i class="nav-icon icon-pie-chart"></i> Charts</a>
-            </li>
-            <li class="nav-item nav-dropdown">
-              <a class="nav-link nav-dropdown-toggle" href="#">
-                <i class="nav-icon icon-star"></i> Icons</a>
-              <ul class="nav-dropdown-items">
-                <li class="nav-item">
-                  <a class="nav-link" href="icons/coreui-icons.html">
-                    <i class="nav-icon icon-star"></i> CoreUI Icons
-                    <span class="badge badge-success">NEW</span>
-                  </a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="icons/flags.html">
-                    <i class="nav-icon icon-star"></i> Flags</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="icons/font-awesome.html">
-                    <i class="nav-icon icon-star"></i> Font Awesome
-                    <span class="badge badge-secondary">4.7</span>
-                  </a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="icons/simple-line-icons.html">
-                    <i class="nav-icon icon-star"></i> Simple Line Icons</a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item nav-dropdown">
-              <a class="nav-link nav-dropdown-toggle" href="#">
-                <i class="nav-icon icon-bell"></i> Notifications</a>
-              <ul class="nav-dropdown-items">
-                <li class="nav-item">
-                  <a class="nav-link" href="notifications/alerts.html">
-                    <i class="nav-icon icon-bell"></i> Alerts</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="notifications/badge.html">
-                    <i class="nav-icon icon-bell"></i> Badge</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="notifications/modals.html">
-                    <i class="nav-icon icon-bell"></i> Modals</a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="widgets.html">
-                <i class="nav-icon icon-calculator"></i> Widgets
-                <span class="badge badge-primary">NEW</span>
-              </a>
-            </li>
-            <li class="divider"></li>
-            <li class="nav-title">Extras</li>
-            <li class="nav-item nav-dropdown">
-              <a class="nav-link nav-dropdown-toggle" href="#">
-                <i class="nav-icon icon-star"></i> Pages</a>
-              <ul class="nav-dropdown-items">
-                <li class="nav-item">
-                  <a class="nav-link" href="login.html" target="_top">
-                    <i class="nav-icon icon-star"></i> Login</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="register.html" target="_top">
-                    <i class="nav-icon icon-star"></i> Register</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="404.html" target="_top">
-                    <i class="nav-icon icon-star"></i> Error 404</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="500.html" target="_top">
-                    <i class="nav-icon icon-star"></i> Error 500</a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item mt-auto">
-              <a class="nav-link nav-link-success" href="https://coreui.io" target="_top">
-                <i class="nav-icon icon-cloud-download"></i> Download CoreUI</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link nav-link-danger" href="https://coreui.io/pro/" target="_top">
-                <i class="nav-icon icon-layers"></i> Try CoreUI
-                <strong>PRO</strong>
-              </a>
-            </li>
-          </ul>
-        </nav>
-        <button class="sidebar-minimizer brand-minimizer" type="button"></button>
-      </div>
-      <main class="main">
-        <!-- Breadcrumb-->
-        <ol class="breadcrumb">
-          <li class="breadcrumb-item">Home</li>
-          <li class="breadcrumb-item">
-            <a href="#">Admin</a>
-          </li>
-          <li class="breadcrumb-item active">Dashboard</li>
-          <!-- Breadcrumb Menu-->
-          <li class="breadcrumb-menu d-md-down-none">
-            <div class="btn-group" role="group" aria-label="Button group">
-              <a class="btn" href="#">
-                <i class="icon-speech"></i>
-              </a>
-              <a class="btn" href="./">
-                <i class="icon-graph"></i>  Dashboard</a>
-              <a class="btn" href="#">
-                <i class="icon-settings"></i>  Settings</a>
-            </div>
-          </li>
-        </ol>
-        <div class="container-fluid">
-          <div class="animated fadeIn">
-            <div class="card">
-              <div class="card-header">
-                <i class="fa fa-font-awesome"></i> Flags</div>
-              <div class="card-body">
-                <div class="row">
-                  <div class="col-12 mb-5">For using the flags inline with text add the classes
-                    <code>.flag-icon</code> and
-                    <code>.flag-icon-xx</code> (where xx is the ISO 3166-1-alpha-2 code of a country) to an empty span. If you want to have a squared version flag then add the class flag-icon-squared as well.</div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ad h1" id="ad" title="ad"></i>
-                    <div>flag-icon-ad</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ae h1" id="ae" title="ae"></i>
-                    <div>flag-icon-ae</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-af h1" id="af" title="af"></i>
-                    <div>flag-icon-af</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ag h1" id="ag" title="ag"></i>
-                    <div>flag-icon-ag</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ai h1" id="ai" title="ai"></i>
-                    <div>flag-icon-ai</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-al h1" id="al" title="al"></i>
-                    <div>flag-icon-al</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-am h1" id="am" title="am"></i>
-                    <div>flag-icon-am</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ao h1" id="ao" title="ao"></i>
-                    <div>flag-icon-ao</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-aq h1" id="aq" title="aq"></i>
-                    <div>flag-icon-aq</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ar h1" id="ar" title="ar"></i>
-                    <div>flag-icon-ar</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-as h1" id="as" title="as"></i>
-                    <div>flag-icon-as</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-at h1" id="at" title="at"></i>
-                    <div>flag-icon-at</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-au h1" id="au" title="au"></i>
-                    <div>flag-icon-au</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-aw h1" id="aw" title="aw"></i>
-                    <div>flag-icon-aw</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ax h1" id="ax" title="ax"></i>
-                    <div>flag-icon-ax</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-az h1" id="az" title="az"></i>
-                    <div>flag-icon-az</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ba h1" id="ba" title="ba"></i>
-                    <div>flag-icon-ba</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-bb h1" id="bb" title="bb"></i>
-                    <div>flag-icon-bb</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-bd h1" id="bd" title="bd"></i>
-                    <div>flag-icon-bd</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-be h1" id="be" title="be"></i>
-                    <div>flag-icon-be</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-bf h1" id="bf" title="bf"></i>
-                    <div>flag-icon-bf</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-bg h1" id="bg" title="bg"></i>
-                    <div>flag-icon-bg</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-bh h1" id="bh" title="bh"></i>
-                    <div>flag-icon-bh</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-bi h1" id="bi" title="bi"></i>
-                    <div>flag-icon-bi</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-bj h1" id="bj" title="bj"></i>
-                    <div>flag-icon-bj</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-bl h1" id="bl" title="bl"></i>
-                    <div>flag-icon-bl</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-bm h1" id="bm" title="bm"></i>
-                    <div>flag-icon-bm</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-bn h1" id="bn" title="bn"></i>
-                    <div>flag-icon-bn</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-bo h1" id="bo" title="bo"></i>
-                    <div>flag-icon-bo</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-bq h1" id="bq" title="bq"></i>
-                    <div>flag-icon-bq</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-br h1" id="br" title="br"></i>
-                    <div>flag-icon-br</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-bs h1" id="bs" title="bs"></i>
-                    <div>flag-icon-bs</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-bt h1" id="bt" title="bt"></i>
-                    <div>flag-icon-bt</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-bv h1" id="bv" title="bv"></i>
-                    <div>flag-icon-bv</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-bw h1" id="bw" title="bw"></i>
-                    <div>flag-icon-bw</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-by h1" id="by" title="by"></i>
-                    <div>flag-icon-by</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-bz h1" id="bz" title="bz"></i>
-                    <div>flag-icon-bz</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ca h1" id="ca" title="ca"></i>
-                    <div>flag-icon-ca</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-cc h1" id="cc" title="cc"></i>
-                    <div>flag-icon-cc</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-cd h1" id="cd" title="cd"></i>
-                    <div>flag-icon-cd</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-cf h1" id="cf" title="cf"></i>
-                    <div>flag-icon-cf</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-cg h1" id="cg" title="cg"></i>
-                    <div>flag-icon-cg</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ch h1" id="ch" title="ch"></i>
-                    <div>flag-icon-ch</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ci h1" id="ci" title="ci"></i>
-                    <div>flag-icon-ci</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ck h1" id="ck" title="ck"></i>
-                    <div>flag-icon-ck</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-cl h1" id="cl" title="cl"></i>
-                    <div>flag-icon-cl</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-cm h1" id="cm" title="cm"></i>
-                    <div>flag-icon-cm</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-cn h1" id="cn" title="cn"></i>
-                    <div>flag-icon-cn</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-co h1" id="co" title="co"></i>
-                    <div>flag-icon-co</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-cr h1" id="cr" title="cr"></i>
-                    <div>flag-icon-cr</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-cu h1" id="cu" title="cu"></i>
-                    <div>flag-icon-cu</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-cv h1" id="cv" title="cv"></i>
-                    <div>flag-icon-cv</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-cw h1" id="cw" title="cw"></i>
-                    <div>flag-icon-cw</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-cx h1" id="cx" title="cx"></i>
-                    <div>flag-icon-cx</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-cy h1" id="cy" title="cy"></i>
-                    <div>flag-icon-cy</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-cz h1" id="cz" title="cz"></i>
-                    <div>flag-icon-cz</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-de h1" id="de" title="de"></i>
-                    <div>flag-icon-de</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-dj h1" id="dj" title="dj"></i>
-                    <div>flag-icon-dj</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-dk h1" id="dk" title="dk"></i>
-                    <div>flag-icon-dk</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-dm h1" id="dm" title="dm"></i>
-                    <div>flag-icon-dm</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-do h1" id="do" title="do"></i>
-                    <div>flag-icon-do</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-dz h1" id="dz" title="dz"></i>
-                    <div>flag-icon-dz</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ec h1" id="ec" title="ec"></i>
-                    <div>flag-icon-ec</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ee h1" id="ee" title="ee"></i>
-                    <div>flag-icon-ee</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-eg h1" id="eg" title="eg"></i>
-                    <div>flag-icon-eg</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-eh h1" id="eh" title="eh"></i>
-                    <div>flag-icon-eh</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-er h1" id="er" title="er"></i>
-                    <div>flag-icon-er</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-es h1" id="es" title="es"></i>
-                    <div>flag-icon-es</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-et h1" id="et" title="et"></i>
-                    <div>flag-icon-et</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-fi h1" id="fi" title="fi"></i>
-                    <div>flag-icon-fi</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-fj h1" id="fj" title="fj"></i>
-                    <div>flag-icon-fj</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-fk h1" id="fk" title="fk"></i>
-                    <div>flag-icon-fk</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-fm h1" id="fm" title="fm"></i>
-                    <div>flag-icon-fm</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-fo h1" id="fo" title="fo"></i>
-                    <div>flag-icon-fo</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-fr h1" id="fr" title="fr"></i>
-                    <div>flag-icon-fr</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ga h1" id="ga" title="ga"></i>
-                    <div>flag-icon-ga</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-gb h1" id="gb" title="gb"></i>
-                    <div>flag-icon-gb</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-gd h1" id="gd" title="gd"></i>
-                    <div>flag-icon-gd</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ge h1" id="ge" title="ge"></i>
-                    <div>flag-icon-ge</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-gf h1" id="gf" title="gf"></i>
-                    <div>flag-icon-gf</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-gg h1" id="gg" title="gg"></i>
-                    <div>flag-icon-gg</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-gh h1" id="gh" title="gh"></i>
-                    <div>flag-icon-gh</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-gi h1" id="gi" title="gi"></i>
-                    <div>flag-icon-gi</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-gl h1" id="gl" title="gl"></i>
-                    <div>flag-icon-gl</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-gm h1" id="gm" title="gm"></i>
-                    <div>flag-icon-gm</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-gn h1" id="gn" title="gn"></i>
-                    <div>flag-icon-gn</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-gp h1" id="gp" title="gp"></i>
-                    <div>flag-icon-gp</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-gq h1" id="gq" title="gq"></i>
-                    <div>flag-icon-gq</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-gr h1" id="gr" title="gr"></i>
-                    <div>flag-icon-gr</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-gs h1" id="gs" title="gs"></i>
-                    <div>flag-icon-gs</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-gt h1" id="gt" title="gt"></i>
-                    <div>flag-icon-gt</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-gu h1" id="gu" title="gu"></i>
-                    <div>flag-icon-gu</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-gw h1" id="gw" title="gw"></i>
-                    <div>flag-icon-gw</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-gy h1" id="gy" title="gy"></i>
-                    <div>flag-icon-gy</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-hk h1" id="hk" title="hk"></i>
-                    <div>flag-icon-hk</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-hm h1" id="hm" title="hm"></i>
-                    <div>flag-icon-hm</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-hn h1" id="hn" title="hn"></i>
-                    <div>flag-icon-hn</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-hr h1" id="hr" title="hr"></i>
-                    <div>flag-icon-hr</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ht h1" id="ht" title="ht"></i>
-                    <div>flag-icon-ht</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-hu h1" id="hu" title="hu"></i>
-                    <div>flag-icon-hu</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-id h1" id="id" title="id"></i>
-                    <div>flag-icon-id</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ie h1" id="ie" title="ie"></i>
-                    <div>flag-icon-ie</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-il h1" id="il" title="il"></i>
-                    <div>flag-icon-il</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-im h1" id="im" title="im"></i>
-                    <div>flag-icon-im</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-in h1" id="in" title="in"></i>
-                    <div>flag-icon-in</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-io h1" id="io" title="io"></i>
-                    <div>flag-icon-io</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-iq h1" id="iq" title="iq"></i>
-                    <div>flag-icon-iq</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ir h1" id="ir" title="ir"></i>
-                    <div>flag-icon-ir</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-is h1" id="is" title="is"></i>
-                    <div>flag-icon-is</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-it h1" id="it" title="it"></i>
-                    <div>flag-icon-it</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-je h1" id="je" title="je"></i>
-                    <div>flag-icon-je</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-jm h1" id="jm" title="jm"></i>
-                    <div>flag-icon-jm</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-jo h1" id="jo" title="jo"></i>
-                    <div>flag-icon-jo</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-jp h1" id="jp" title="jp"></i>
-                    <div>flag-icon-jp</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ke h1" id="ke" title="ke"></i>
-                    <div>flag-icon-ke</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-kg h1" id="kg" title="kg"></i>
-                    <div>flag-icon-kg</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-kh h1" id="kh" title="kh"></i>
-                    <div>flag-icon-kh</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ki h1" id="ki" title="ki"></i>
-                    <div>flag-icon-ki</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-km h1" id="km" title="km"></i>
-                    <div>flag-icon-km</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-kn h1" id="kn" title="kn"></i>
-                    <div>flag-icon-kn</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-kp h1" id="kp" title="kp"></i>
-                    <div>flag-icon-kp</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-kr h1" id="kr" title="kr"></i>
-                    <div>flag-icon-kr</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-kw h1" id="kw" title="kw"></i>
-                    <div>flag-icon-kw</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ky h1" id="ky" title="ky"></i>
-                    <div>flag-icon-ky</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-kz h1" id="kz" title="kz"></i>
-                    <div>flag-icon-kz</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-la h1" id="la" title="la"></i>
-                    <div>flag-icon-la</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-lb h1" id="lb" title="lb"></i>
-                    <div>flag-icon-lb</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-lc h1" id="lc" title="lc"></i>
-                    <div>flag-icon-lc</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-li h1" id="li" title="li"></i>
-                    <div>flag-icon-li</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-lk h1" id="lk" title="lk"></i>
-                    <div>flag-icon-lk</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-lr h1" id="lr" title="lr"></i>
-                    <div>flag-icon-lr</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ls h1" id="ls" title="ls"></i>
-                    <div>flag-icon-ls</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-lt h1" id="lt" title="lt"></i>
-                    <div>flag-icon-lt</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-lu h1" id="lu" title="lu"></i>
-                    <div>flag-icon-lu</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-lv h1" id="lv" title="lv"></i>
-                    <div>flag-icon-lv</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ly h1" id="ly" title="ly"></i>
-                    <div>flag-icon-ly</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ma h1" id="ma" title="ma"></i>
-                    <div>flag-icon-ma</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-mc h1" id="mc" title="mc"></i>
-                    <div>flag-icon-mc</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-md h1" id="md" title="md"></i>
-                    <div>flag-icon-md</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-me h1" id="me" title="me"></i>
-                    <div>flag-icon-me</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-mf h1" id="mf" title="mf"></i>
-                    <div>flag-icon-mf</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-mg h1" id="mg" title="mg"></i>
-                    <div>flag-icon-mg</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-mh h1" id="mh" title="mh"></i>
-                    <div>flag-icon-mh</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-mk h1" id="mk" title="mk"></i>
-                    <div>flag-icon-mk</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ml h1" id="ml" title="ml"></i>
-                    <div>flag-icon-ml</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-mm h1" id="mm" title="mm"></i>
-                    <div>flag-icon-mm</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-mn h1" id="mn" title="mn"></i>
-                    <div>flag-icon-mn</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-mo h1" id="mo" title="mo"></i>
-                    <div>flag-icon-mo</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-mp h1" id="mp" title="mp"></i>
-                    <div>flag-icon-mp</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-mq h1" id="mq" title="mq"></i>
-                    <div>flag-icon-mq</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-mr h1" id="mr" title="mr"></i>
-                    <div>flag-icon-mr</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ms h1" id="ms" title="ms"></i>
-                    <div>flag-icon-ms</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-mt h1" id="mt" title="mt"></i>
-                    <div>flag-icon-mt</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-mu h1" id="mu" title="mu"></i>
-                    <div>flag-icon-mu</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-mv h1" id="mv" title="mv"></i>
-                    <div>flag-icon-mv</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-mw h1" id="mw" title="mw"></i>
-                    <div>flag-icon-mw</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-mx h1" id="mx" title="mx"></i>
-                    <div>flag-icon-mx</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-my h1" id="my" title="my"></i>
-                    <div>flag-icon-my</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-mz h1" id="mz" title="mz"></i>
-                    <div>flag-icon-mz</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-na h1" id="na" title="na"></i>
-                    <div>flag-icon-na</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-nc h1" id="nc" title="nc"></i>
-                    <div>flag-icon-nc</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ne h1" id="ne" title="ne"></i>
-                    <div>flag-icon-ne</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-nf h1" id="nf" title="nf"></i>
-                    <div>flag-icon-nf</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ng h1" id="ng" title="ng"></i>
-                    <div>flag-icon-ng</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ni h1" id="ni" title="ni"></i>
-                    <div>flag-icon-ni</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-nl h1" id="nl" title="nl"></i>
-                    <div>flag-icon-nl</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-no h1" id="no" title="no"></i>
-                    <div>flag-icon-no</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-np h1" id="np" title="np"></i>
-                    <div>flag-icon-np</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-nr h1" id="nr" title="nr"></i>
-                    <div>flag-icon-nr</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-nu h1" id="nu" title="nu"></i>
-                    <div>flag-icon-nu</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-nz h1" id="nz" title="nz"></i>
-                    <div>flag-icon-nz</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-om h1" id="om" title="om"></i>
-                    <div>flag-icon-om</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-pa h1" id="pa" title="pa"></i>
-                    <div>flag-icon-pa</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-pe h1" id="pe" title="pe"></i>
-                    <div>flag-icon-pe</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-pf h1" id="pf" title="pf"></i>
-                    <div>flag-icon-pf</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-pg h1" id="pg" title="pg"></i>
-                    <div>flag-icon-pg</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ph h1" id="ph" title="ph"></i>
-                    <div>flag-icon-ph</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-pk h1" id="pk" title="pk"></i>
-                    <div>flag-icon-pk</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-pl h1" id="pl" title="pl"></i>
-                    <div>flag-icon-pl</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-pm h1" id="pm" title="pm"></i>
-                    <div>flag-icon-pm</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-pn h1" id="pn" title="pn"></i>
-                    <div>flag-icon-pn</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-pr h1" id="pr" title="pr"></i>
-                    <div>flag-icon-pr</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ps h1" id="ps" title="ps"></i>
-                    <div>flag-icon-ps</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-pt h1" id="pt" title="pt"></i>
-                    <div>flag-icon-pt</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-pw h1" id="pw" title="pw"></i>
-                    <div>flag-icon-pw</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-py h1" id="py" title="py"></i>
-                    <div>flag-icon-py</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-qa h1" id="qa" title="qa"></i>
-                    <div>flag-icon-qa</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-re h1" id="re" title="re"></i>
-                    <div>flag-icon-re</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ro h1" id="ro" title="ro"></i>
-                    <div>flag-icon-ro</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-rs h1" id="rs" title="rs"></i>
-                    <div>flag-icon-rs</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ru h1" id="ru" title="ru"></i>
-                    <div>flag-icon-ru</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-rw h1" id="rw" title="rw"></i>
-                    <div>flag-icon-rw</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-sa h1" id="sa" title="sa"></i>
-                    <div>flag-icon-sa</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-sb h1" id="sb" title="sb"></i>
-                    <div>flag-icon-sb</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-sc h1" id="sc" title="sc"></i>
-                    <div>flag-icon-sc</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-sd h1" id="sd" title="sd"></i>
-                    <div>flag-icon-sd</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-se h1" id="se" title="se"></i>
-                    <div>flag-icon-se</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-sg h1" id="sg" title="sg"></i>
-                    <div>flag-icon-sg</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-sh h1" id="sh" title="sh"></i>
-                    <div>flag-icon-sh</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-si h1" id="si" title="si"></i>
-                    <div>flag-icon-si</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-sj h1" id="sj" title="sj"></i>
-                    <div>flag-icon-sj</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-sk h1" id="sk" title="sk"></i>
-                    <div>flag-icon-sk</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-sl h1" id="sl" title="sl"></i>
-                    <div>flag-icon-sl</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-sm h1" id="sm" title="sm"></i>
-                    <div>flag-icon-sm</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-sn h1" id="sn" title="sn"></i>
-                    <div>flag-icon-sn</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-so h1" id="so" title="so"></i>
-                    <div>flag-icon-so</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-sr h1" id="sr" title="sr"></i>
-                    <div>flag-icon-sr</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ss h1" id="ss" title="ss"></i>
-                    <div>flag-icon-ss</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-st h1" id="st" title="st"></i>
-                    <div>flag-icon-st</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-sv h1" id="sv" title="sv"></i>
-                    <div>flag-icon-sv</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-sx h1" id="sx" title="sx"></i>
-                    <div>flag-icon-sx</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-sy h1" id="sy" title="sy"></i>
-                    <div>flag-icon-sy</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-sz h1" id="sz" title="sz"></i>
-                    <div>flag-icon-sz</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-tc h1" id="tc" title="tc"></i>
-                    <div>flag-icon-tc</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-td h1" id="td" title="td"></i>
-                    <div>flag-icon-td</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-tf h1" id="tf" title="tf"></i>
-                    <div>flag-icon-tf</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-tg h1" id="tg" title="tg"></i>
-                    <div>flag-icon-tg</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-th h1" id="th" title="th"></i>
-                    <div>flag-icon-th</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-tj h1" id="tj" title="tj"></i>
-                    <div>flag-icon-tj</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-tk h1" id="tk" title="tk"></i>
-                    <div>flag-icon-tk</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-tl h1" id="tl" title="tl"></i>
-                    <div>flag-icon-tl</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-tm h1" id="tm" title="tm"></i>
-                    <div>flag-icon-tm</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-tn h1" id="tn" title="tn"></i>
-                    <div>flag-icon-tn</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-to h1" id="to" title="to"></i>
-                    <div>flag-icon-to</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-tr h1" id="tr" title="tr"></i>
-                    <div>flag-icon-tr</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-tt h1" id="tt" title="tt"></i>
-                    <div>flag-icon-tt</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-tv h1" id="tv" title="tv"></i>
-                    <div>flag-icon-tv</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-tw h1" id="tw" title="tw"></i>
-                    <div>flag-icon-tw</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-tz h1" id="tz" title="tz"></i>
-                    <div>flag-icon-tz</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ua h1" id="ua" title="ua"></i>
-                    <div>flag-icon-ua</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ug h1" id="ug" title="ug"></i>
-                    <div>flag-icon-ug</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-um h1" id="um" title="um"></i>
-                    <div>flag-icon-um</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-us h1" id="us" title="us"></i>
-                    <div>flag-icon-us</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-uy h1" id="uy" title="uy"></i>
-                    <div>flag-icon-uy</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-uz h1" id="uz" title="uz"></i>
-                    <div>flag-icon-uz</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-va h1" id="va" title="va"></i>
-                    <div>flag-icon-va</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-vc h1" id="vc" title="vc"></i>
-                    <div>flag-icon-vc</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ve h1" id="ve" title="ve"></i>
-                    <div>flag-icon-ve</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-vg h1" id="vg" title="vg"></i>
-                    <div>flag-icon-vg</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-vi h1" id="vi" title="vi"></i>
-                    <div>flag-icon-vi</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-vn h1" id="vn" title="vn"></i>
-                    <div>flag-icon-vn</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-vu h1" id="vu" title="vu"></i>
-                    <div>flag-icon-vu</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-wf h1" id="wf" title="wf"></i>
-                    <div>flag-icon-wf</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ws h1" id="ws" title="ws"></i>
-                    <div>flag-icon-ws</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-ye h1" id="ye" title="ye"></i>
-                    <div>flag-icon-ye</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-yt h1" id="yt" title="yt"></i>
-                    <div>flag-icon-yt</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-za h1" id="za" title="za"></i>
-                    <div>flag-icon-za</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-zm h1" id="zm" title="zm"></i>
-                    <div>flag-icon-zm</div>
-                  </div>
-                  <div class="col-sm-2 col-xs-3 text-center mb-5">
-                    <i class="flag-icon flag-icon-zw h1" id="zw" title="zw"></i>
-                    <div>flag-icon-zw</div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </main>
-      <aside class="aside-menu">
-        <ul class="nav nav-tabs" role="tablist">
-          <li class="nav-item">
-            <a class="nav-link active" data-toggle="tab" href="#timeline" role="tab">
-              <i class="icon-list"></i>
-            </a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" data-toggle="tab" href="#messages" role="tab">
-              <i class="icon-speech"></i>
-            </a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" data-toggle="tab" href="#settings" role="tab">
-              <i class="icon-settings"></i>
-            </a>
-          </li>
-        </ul>
-        <!-- Tab panes-->
-        <div class="tab-content">
-          <div class="tab-pane active" id="timeline" role="tabpanel">
-            <div class="list-group list-group-accent">
-              <div class="list-group-item list-group-item-accent-secondary bg-light text-center font-weight-bold text-muted text-uppercase small">Today</div>
-              <div class="list-group-item list-group-item-accent-warning list-group-item-divider">
-                <div class="avatar float-right">
-                  <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                </div>
-                <div>Meeting with
-                  <strong>Lucas</strong>
-                </div>
-                <small class="text-muted mr-3">
-                  <i class="icon-calendar"></i>  1 - 3pm</small>
-                <small class="text-muted">
-                  <i class="icon-location-pin"></i>  Palo Alto, CA</small>
-              </div>
-              <div class="list-group-item list-group-item-accent-info">
-                <div class="avatar float-right">
-                  <img class="img-avatar" src="img/avatars/4.jpg" alt="admin@bootstrapmaster.com">
-                </div>
-                <div>Skype with
-                  <strong>Megan</strong>
-                </div>
-                <small class="text-muted mr-3">
-                  <i class="icon-calendar"></i>  4 - 5pm</small>
-                <small class="text-muted">
-                  <i class="icon-social-skype"></i>  On-line</small>
-              </div>
-              <div class="list-group-item list-group-item-accent-secondary bg-light text-center font-weight-bold text-muted text-uppercase small">Tomorrow</div>
-              <div class="list-group-item list-group-item-accent-danger list-group-item-divider">
-                <div>New UI Project -
-                  <strong>deadline</strong>
-                </div>
-                <small class="text-muted mr-3">
-                  <i class="icon-calendar"></i>  10 - 11pm</small>
-                <small class="text-muted">
-                  <i class="icon-home"></i>  creativeLabs HQ</small>
-                <div class="avatars-stack mt-2">
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/2.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/3.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/4.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/5.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/6.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                </div>
-              </div>
-              <div class="list-group-item list-group-item-accent-success list-group-item-divider">
-                <div>
-                  <strong>#10 Startups.Garden</strong> Meetup</div>
-                <small class="text-muted mr-3">
-                  <i class="icon-calendar"></i>  1 - 3pm</small>
-                <small class="text-muted">
-                  <i class="icon-location-pin"></i>  Palo Alto, CA</small>
-              </div>
-              <div class="list-group-item list-group-item-accent-primary list-group-item-divider">
-                <div>
-                  <strong>Team meeting</strong>
-                </div>
-                <small class="text-muted mr-3">
-                  <i class="icon-calendar"></i>  4 - 6pm</small>
-                <small class="text-muted">
-                  <i class="icon-home"></i>  creativeLabs HQ</small>
-                <div class="avatars-stack mt-2">
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/2.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/3.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/4.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/5.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/6.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/8.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="tab-pane p-3" id="messages" role="tabpanel">
-            <div class="message">
-              <div class="py-3 pb-5 mr-3 float-left">
-                <div class="avatar">
-                  <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                  <span class="avatar-status badge-success"></span>
-                </div>
-              </div>
-              <div>
-                <small class="text-muted">Lukasz Holeczek</small>
-                <small class="text-muted float-right mt-1">1:52 PM</small>
-              </div>
-              <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
-              <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
-            </div>
-            <hr>
-            <div class="message">
-              <div class="py-3 pb-5 mr-3 float-left">
-                <div class="avatar">
-                  <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                  <span class="avatar-status badge-success"></span>
-                </div>
-              </div>
-              <div>
-                <small class="text-muted">Lukasz Holeczek</small>
-                <small class="text-muted float-right mt-1">1:52 PM</small>
-              </div>
-              <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
-              <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
-            </div>
-            <hr>
-            <div class="message">
-              <div class="py-3 pb-5 mr-3 float-left">
-                <div class="avatar">
-                  <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                  <span class="avatar-status badge-success"></span>
-                </div>
-              </div>
-              <div>
-                <small class="text-muted">Lukasz Holeczek</small>
-                <small class="text-muted float-right mt-1">1:52 PM</small>
-              </div>
-              <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
-              <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
-            </div>
-            <hr>
-            <div class="message">
-              <div class="py-3 pb-5 mr-3 float-left">
-                <div class="avatar">
-                  <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                  <span class="avatar-status badge-success"></span>
-                </div>
-              </div>
-              <div>
-                <small class="text-muted">Lukasz Holeczek</small>
-                <small class="text-muted float-right mt-1">1:52 PM</small>
-              </div>
-              <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
-              <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
-            </div>
-            <hr>
-            <div class="message">
-              <div class="py-3 pb-5 mr-3 float-left">
-                <div class="avatar">
-                  <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                  <span class="avatar-status badge-success"></span>
-                </div>
-              </div>
-              <div>
-                <small class="text-muted">Lukasz Holeczek</small>
-                <small class="text-muted float-right mt-1">1:52 PM</small>
-              </div>
-              <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
-              <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
-            </div>
-          </div>
-          <div class="tab-pane p-3" id="settings" role="tabpanel">
-            <h6>Settings</h6>
-            <div class="aside-options">
-              <div class="clearfix mt-4">
-                <small>
-                  <b>Option 1</b>
-                </small>
-                <label class="switch switch-label switch-pill switch-success switch-sm float-right">
-                  <input class="switch-input" type="checkbox" checked="">
-                  <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
-                </label>
-              </div>
-              <div>
-                <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</small>
-              </div>
-            </div>
-            <div class="aside-options">
-              <div class="clearfix mt-3">
-                <small>
-                  <b>Option 2</b>
-                </small>
-                <label class="switch switch-label switch-pill switch-success switch-sm float-right">
-                  <input class="switch-input" type="checkbox">
-                  <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
-                </label>
-              </div>
-              <div>
-                <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</small>
-              </div>
-            </div>
-            <div class="aside-options">
-              <div class="clearfix mt-3">
-                <small>
-                  <b>Option 3</b>
-                </small>
-                <label class="switch switch-label switch-pill switch-success switch-sm float-right">
-                  <input class="switch-input" type="checkbox">
-                  <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
-                </label>
-              </div>
-            </div>
-            <div class="aside-options">
-              <div class="clearfix mt-3">
-                <small>
-                  <b>Option 4</b>
-                </small>
-                <label class="switch switch-label switch-pill switch-success switch-sm float-right">
-                  <input class="switch-input" type="checkbox" checked="">
-                  <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
-                </label>
-              </div>
-            </div>
-            <hr>
-            <h6>System Utilization</h6>
-            <div class="text-uppercase mb-1 mt-4">
-              <small>
-                <b>CPU Usage</b>
-              </small>
-            </div>
-            <div class="progress progress-xs">
-              <div class="progress-bar bg-info" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
-            </div>
-            <small class="text-muted">348 Processes. 1/4 Cores.</small>
-            <div class="text-uppercase mb-1 mt-2">
-              <small>
-                <b>Memory Usage</b>
-              </small>
-            </div>
-            <div class="progress progress-xs">
-              <div class="progress-bar bg-warning" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
-            </div>
-            <small class="text-muted">11444GB/16384MB</small>
-            <div class="text-uppercase mb-1 mt-2">
-              <small>
-                <b>SSD 1 Usage</b>
-              </small>
-            </div>
-            <div class="progress progress-xs">
-              <div class="progress-bar bg-danger" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
-            </div>
-            <small class="text-muted">243GB/256GB</small>
-            <div class="text-uppercase mb-1 mt-2">
-              <small>
-                <b>SSD 2 Usage</b>
-              </small>
-            </div>
-            <div class="progress progress-xs">
-              <div class="progress-bar bg-success" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
-            </div>
-            <small class="text-muted">25GB/256GB</small>
-          </div>
-        </div>
-      </aside>
-    </div>
-    <footer class="app-footer">
-      <div>
-        <a href="https://coreui.io">CoreUI</a>
-        <span>&copy; 2018 creativeLabs.</span>
-      </div>
-      <div class="ml-auto">
-        <span>Powered by</span>
-        <a href="https://coreui.io">CoreUI</a>
-      </div>
-    </footer>
-    <!-- CoreUI and necessary plugins-->
-    <script src="node_modules/jquery/dist/jquery.min.js"></script>
-    <script src="node_modules/popper.js/dist/umd/popper.min.js"></script>
-    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
-    <script src="node_modules/pace-progress/pace.min.js"></script>
-    <script src="node_modules/perfect-scrollbar/dist/perfect-scrollbar.min.js"></script>
-    <script src="node_modules/@coreui/coreui/dist/js/coreui.min.js"></script>
-  </body>
-</html>
diff --git a/panoptes/static/src/icons/font-awesome.html b/panoptes/static/src/icons/font-awesome.html
deleted file mode 100644
index 27fd393..0000000
--- a/panoptes/static/src/icons/font-awesome.html
+++ /dev/null
@@ -1,3694 +0,0 @@
-<!DOCTYPE html>
-<!--
-* CoreUI - Free Bootstrap Admin Template
-* @version v2.1.15
-* @link https://coreui.io
-* Copyright (c) 2018 creativeLabs Łukasz Holeczek
-* Licensed under MIT (https://coreui.io/license)
--->
-
-<html lang="en">
-  <head>
-    <base href="./../">
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <meta name="description" content="CoreUI - Open Source Bootstrap Admin Template">
-    <meta name="author" content="Łukasz Holeczek">
-    <meta name="keyword" content="Bootstrap,Admin,Template,Open,Source,jQuery,CSS,HTML,RWD,Dashboard">
-    <title>CoreUI Free Bootstrap Admin Template</title>
-    <!-- Icons-->
-    <link href="node_modules/@coreui/icons/css/coreui-icons.min.css" rel="stylesheet">
-    <link href="node_modules/flag-icon-css/css/flag-icon.min.css" rel="stylesheet">
-    <link href="node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet">
-    <link href="node_modules/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">
-    <!-- Main styles for this application-->
-    <link href="css/style.css" rel="stylesheet">
-    <link href="vendors/pace-progress/css/pace.min.css" rel="stylesheet">
-    <!-- Global site tag (gtag.js) - Google Analytics-->
-    <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-118965717-3"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-
-      function gtag() {
-        dataLayer.push(arguments);
-      }
-      gtag('js', new Date());
-      // Shared ID
-      gtag('config', 'UA-118965717-3');
-      // Bootstrap ID
-      gtag('config', 'UA-118965717-5');
-    </script>
-  </head>
-  <body class="app header-fixed sidebar-fixed aside-menu-fixed sidebar-lg-show">
-    <header class="app-header navbar">
-      <button class="navbar-toggler sidebar-toggler d-lg-none mr-auto" type="button" data-toggle="sidebar-show">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-      <a class="navbar-brand" href="#">
-        <img class="navbar-brand-full" src="img/brand/logo.svg" width="89" height="25" alt="CoreUI Logo">
-        <img class="navbar-brand-minimized" src="img/brand/sygnet.svg" width="30" height="30" alt="CoreUI Logo">
-      </a>
-      <button class="navbar-toggler sidebar-toggler d-md-down-none" type="button" data-toggle="sidebar-lg-show">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-      <ul class="nav navbar-nav d-md-down-none">
-        <li class="nav-item px-3">
-          <a class="nav-link" href="#">Dashboard</a>
-        </li>
-        <li class="nav-item px-3">
-          <a class="nav-link" href="#">Users</a>
-        </li>
-        <li class="nav-item px-3">
-          <a class="nav-link" href="#">Settings</a>
-        </li>
-      </ul>
-      <ul class="nav navbar-nav ml-auto">
-        <li class="nav-item d-md-down-none">
-          <a class="nav-link" href="#">
-            <i class="icon-bell"></i>
-            <span class="badge badge-pill badge-danger">5</span>
-          </a>
-        </li>
-        <li class="nav-item d-md-down-none">
-          <a class="nav-link" href="#">
-            <i class="icon-list"></i>
-          </a>
-        </li>
-        <li class="nav-item d-md-down-none">
-          <a class="nav-link" href="#">
-            <i class="icon-location-pin"></i>
-          </a>
-        </li>
-        <li class="nav-item dropdown">
-          <a class="nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
-            <img class="img-avatar" src="img/avatars/6.jpg" alt="admin@bootstrapmaster.com">
-          </a>
-          <div class="dropdown-menu dropdown-menu-right">
-            <div class="dropdown-header text-center">
-              <strong>Account</strong>
-            </div>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-bell-o"></i> Updates
-              <span class="badge badge-info">42</span>
-            </a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-envelope-o"></i> Messages
-              <span class="badge badge-success">42</span>
-            </a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-tasks"></i> Tasks
-              <span class="badge badge-danger">42</span>
-            </a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-comments"></i> Comments
-              <span class="badge badge-warning">42</span>
-            </a>
-            <div class="dropdown-header text-center">
-              <strong>Settings</strong>
-            </div>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-user"></i> Profile</a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-wrench"></i> Settings</a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-usd"></i> Payments
-              <span class="badge badge-secondary">42</span>
-            </a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-file"></i> Projects
-              <span class="badge badge-primary">42</span>
-            </a>
-            <div class="dropdown-divider"></div>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-shield"></i> Lock Account</a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-lock"></i> Logout</a>
-          </div>
-        </li>
-      </ul>
-      <button class="navbar-toggler aside-menu-toggler d-md-down-none" type="button" data-toggle="aside-menu-lg-show">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-      <button class="navbar-toggler aside-menu-toggler d-lg-none" type="button" data-toggle="aside-menu-show">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-    </header>
-    <div class="app-body">
-      <div class="sidebar">
-        <nav class="sidebar-nav">
-          <ul class="nav">
-            <li class="nav-item">
-              <a class="nav-link" href="index.html">
-                <i class="nav-icon icon-speedometer"></i> Dashboard
-                <span class="badge badge-primary">NEW</span>
-              </a>
-            </li>
-            <li class="nav-title">Theme</li>
-            <li class="nav-item">
-              <a class="nav-link" href="colors.html">
-                <i class="nav-icon icon-drop"></i> Colors</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="typography.html">
-                <i class="nav-icon icon-pencil"></i> Typography</a>
-            </li>
-            <li class="nav-title">Components</li>
-            <li class="nav-item nav-dropdown">
-              <a class="nav-link nav-dropdown-toggle" href="#">
-                <i class="nav-icon icon-puzzle"></i> Base</a>
-              <ul class="nav-dropdown-items">
-                <li class="nav-item">
-                  <a class="nav-link" href="base/breadcrumb.html">
-                    <i class="nav-icon icon-puzzle"></i> Breadcrumb</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/cards.html">
-                    <i class="nav-icon icon-puzzle"></i> Cards</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/carousel.html">
-                    <i class="nav-icon icon-puzzle"></i> Carousel</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/collapse.html">
-                    <i class="nav-icon icon-puzzle"></i> Collapse</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/forms.html">
-                    <i class="nav-icon icon-puzzle"></i> Forms</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/jumbotron.html">
-                    <i class="nav-icon icon-puzzle"></i> Jumbotron</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/list-group.html">
-                    <i class="nav-icon icon-puzzle"></i> List group</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/navs.html">
-                    <i class="nav-icon icon-puzzle"></i> Navs</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/pagination.html">
-                    <i class="nav-icon icon-puzzle"></i> Pagination</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/popovers.html">
-                    <i class="nav-icon icon-puzzle"></i> Popovers</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/progress.html">
-                    <i class="nav-icon icon-puzzle"></i> Progress</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/scrollspy.html">
-                    <i class="nav-icon icon-puzzle"></i> Scrollspy</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/switches.html">
-                    <i class="nav-icon icon-puzzle"></i> Switches</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/tables.html">
-                    <i class="nav-icon icon-puzzle"></i> Tables</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/tabs.html">
-                    <i class="nav-icon icon-puzzle"></i> Tabs</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/tooltips.html">
-                    <i class="nav-icon icon-puzzle"></i> Tooltips</a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item nav-dropdown">
-              <a class="nav-link nav-dropdown-toggle" href="#">
-                <i class="nav-icon icon-cursor"></i> Buttons</a>
-              <ul class="nav-dropdown-items">
-                <li class="nav-item">
-                  <a class="nav-link" href="buttons/buttons.html">
-                    <i class="nav-icon icon-cursor"></i> Buttons</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="buttons/button-group.html">
-                    <i class="nav-icon icon-cursor"></i> Buttons Group</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="buttons/dropdowns.html">
-                    <i class="nav-icon icon-cursor"></i> Dropdowns</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="buttons/brand-buttons.html">
-                    <i class="nav-icon icon-cursor"></i> Brand Buttons</a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="charts.html">
-                <i class="nav-icon icon-pie-chart"></i> Charts</a>
-            </li>
-            <li class="nav-item nav-dropdown">
-              <a class="nav-link nav-dropdown-toggle" href="#">
-                <i class="nav-icon icon-star"></i> Icons</a>
-              <ul class="nav-dropdown-items">
-                <li class="nav-item">
-                  <a class="nav-link" href="icons/coreui-icons.html">
-                    <i class="nav-icon icon-star"></i> CoreUI Icons
-                    <span class="badge badge-success">NEW</span>
-                  </a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="icons/flags.html">
-                    <i class="nav-icon icon-star"></i> Flags</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="icons/font-awesome.html">
-                    <i class="nav-icon icon-star"></i> Font Awesome
-                    <span class="badge badge-secondary">4.7</span>
-                  </a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="icons/simple-line-icons.html">
-                    <i class="nav-icon icon-star"></i> Simple Line Icons</a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item nav-dropdown">
-              <a class="nav-link nav-dropdown-toggle" href="#">
-                <i class="nav-icon icon-bell"></i> Notifications</a>
-              <ul class="nav-dropdown-items">
-                <li class="nav-item">
-                  <a class="nav-link" href="notifications/alerts.html">
-                    <i class="nav-icon icon-bell"></i> Alerts</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="notifications/badge.html">
-                    <i class="nav-icon icon-bell"></i> Badge</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="notifications/modals.html">
-                    <i class="nav-icon icon-bell"></i> Modals</a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="widgets.html">
-                <i class="nav-icon icon-calculator"></i> Widgets
-                <span class="badge badge-primary">NEW</span>
-              </a>
-            </li>
-            <li class="divider"></li>
-            <li class="nav-title">Extras</li>
-            <li class="nav-item nav-dropdown">
-              <a class="nav-link nav-dropdown-toggle" href="#">
-                <i class="nav-icon icon-star"></i> Pages</a>
-              <ul class="nav-dropdown-items">
-                <li class="nav-item">
-                  <a class="nav-link" href="login.html" target="_top">
-                    <i class="nav-icon icon-star"></i> Login</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="register.html" target="_top">
-                    <i class="nav-icon icon-star"></i> Register</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="404.html" target="_top">
-                    <i class="nav-icon icon-star"></i> Error 404</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="500.html" target="_top">
-                    <i class="nav-icon icon-star"></i> Error 500</a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item mt-auto">
-              <a class="nav-link nav-link-success" href="https://coreui.io" target="_top">
-                <i class="nav-icon icon-cloud-download"></i> Download CoreUI</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link nav-link-danger" href="https://coreui.io/pro/" target="_top">
-                <i class="nav-icon icon-layers"></i> Try CoreUI
-                <strong>PRO</strong>
-              </a>
-            </li>
-          </ul>
-        </nav>
-        <button class="sidebar-minimizer brand-minimizer" type="button"></button>
-      </div>
-      <main class="main">
-        <!-- Breadcrumb-->
-        <ol class="breadcrumb">
-          <li class="breadcrumb-item">Home</li>
-          <li class="breadcrumb-item">
-            <a href="#">Admin</a>
-          </li>
-          <li class="breadcrumb-item active">Dashboard</li>
-          <!-- Breadcrumb Menu-->
-          <li class="breadcrumb-menu d-md-down-none">
-            <div class="btn-group" role="group" aria-label="Button group">
-              <a class="btn" href="#">
-                <i class="icon-speech"></i>
-              </a>
-              <a class="btn" href="./">
-                <i class="icon-graph"></i>  Dashboard</a>
-              <a class="btn" href="#">
-                <i class="icon-settings"></i>  Settings</a>
-            </div>
-          </li>
-        </ol>
-        <div class="container-fluid">
-          <div class="animated fadeIn">
-            <div class="card" id="new47">
-              <div class="card-header">
-                <i class="fa fa-font-awesome"></i> 50 New Icons in 4.7</div>
-              <div class="card-body">
-                <div class="row text-center">
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-address-book fa-lg mt-4"></i>
-                    <br>address-book</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-address-book-o fa-lg mt-4"></i>
-                    <br>address-book-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-address-card fa-lg mt-4"></i>
-                    <br>address-card</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-address-card-o fa-lg mt-4"></i>
-                    <br>address-card-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bandcamp fa-lg mt-4"></i>
-                    <br>bandcamp</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bath fa-lg mt-4"></i>
-                    <br>bath</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bathtub fa-lg mt-4"></i>
-                    <br>bathtub
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-drivers-license fa-lg mt-4"></i>
-                    <br>drivers-license
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-drivers-license-o fa-lg mt-4"></i>
-                    <br>drivers-license-o
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-eercast fa-lg mt-4"></i>
-                    <br>eercast</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-envelope-open fa-lg mt-4"></i>
-                    <br>envelope-open</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-envelope-open-o fa-lg mt-4"></i>
-                    <br>envelope-open-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-etsy fa-lg mt-4"></i>
-                    <br>etsy</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-free-code-camp fa-lg mt-4"></i>
-                    <br>free-code-camp</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-grav fa-lg mt-4"></i>
-                    <br>grav</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-handshake-o fa-lg mt-4"></i>
-                    <br>handshake-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-id-badge fa-lg mt-4"></i>
-                    <br>id-badge</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-id-card fa-lg mt-4"></i>
-                    <br>id-card</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-id-card-o fa-lg mt-4"></i>
-                    <br>id-card-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-imdb fa-lg mt-4"></i>
-                    <br>imdb</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-linode fa-lg mt-4"></i>
-                    <br>linode</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-meetup fa-lg mt-4"></i>
-                    <br>meetup</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-microchip fa-lg mt-4"></i>
-                    <br>microchip</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-podcast fa-lg mt-4"></i>
-                    <br>podcast</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-quora fa-lg mt-4"></i>
-                    <br>quora</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-ravelry fa-lg mt-4"></i>
-                    <br>ravelry</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-s15 fa-lg mt-4"></i>
-                    <br>s15
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-shower fa-lg mt-4"></i>
-                    <br>shower</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-snowflake-o fa-lg mt-4"></i>
-                    <br>snowflake-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-superpowers fa-lg mt-4"></i>
-                    <br>superpowers</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-telegram fa-lg mt-4"></i>
-                    <br>telegram</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-thermometer fa-lg mt-4"></i>
-                    <br>thermometer
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-thermometer-0 fa-lg mt-4"></i>
-                    <br>thermometer-0
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-thermometer-1 fa-lg mt-4"></i>
-                    <br>thermometer-1
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-thermometer-2 fa-lg mt-4"></i>
-                    <br>thermometer-2
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-thermometer-3 fa-lg mt-4"></i>
-                    <br>thermometer-3
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-thermometer-4 fa-lg mt-4"></i>
-                    <br>thermometer-4
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-thermometer-empty fa-lg mt-4"></i>
-                    <br>thermometer-empty</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-thermometer-full fa-lg mt-4"></i>
-                    <br>thermometer-full</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-thermometer-half fa-lg mt-4"></i>
-                    <br>thermometer-half</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-thermometer-quarter fa-lg mt-4"></i>
-                    <br>thermometer-quarter</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-thermometer-three-quarters fa-lg mt-4"></i>
-                    <br>thermometer-three-quarters</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-times-rectangle fa-lg mt-4"></i>
-                    <br>times-rectangle
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-times-rectangle-o fa-lg mt-4"></i>
-                    <br>times-rectangle-o
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-user-circle fa-lg mt-4"></i>
-                    <br>user-circle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-user-circle-o fa-lg mt-4"></i>
-                    <br>user-circle-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-user-o fa-lg mt-4"></i>
-                    <br>user-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-vcard fa-lg mt-4"></i>
-                    <br>vcard
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-vcard-o fa-lg mt-4"></i>
-                    <br>vcard-o
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-window-close fa-lg mt-4"></i>
-                    <br>window-close</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-window-close-o fa-lg mt-4"></i>
-                    <br>window-close-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-window-maximize fa-lg mt-4"></i>
-                    <br>window-maximize</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-window-minimize fa-lg mt-4"></i>
-                    <br>window-minimize</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-window-restore fa-lg mt-4"></i>
-                    <br>window-restore</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-wpexplorer fa-lg mt-4"></i>
-                    <br>wpexplorer</div>
-                </div>
-              </div>
-            </div>
-            <div class="card" id="new">
-              <div class="card-header">20 New Icons in 4.5</div>
-              <div class="card-body">
-                <div class="row text-center">
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bluetooth fa-lg mt-4"></i>
-                    <br>bluetooth</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bluetooth-b fa-lg mt-4"></i>
-                    <br>bluetooth-b</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-codiepie fa-lg mt-4"></i>
-                    <br>codiepie</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-credit-card-alt fa-lg mt-4"></i>
-                    <br>credit-card-alt</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-edge fa-lg mt-4"></i>
-                    <br>edge</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-fort-awesome fa-lg mt-4"></i>
-                    <br>fort-awesome</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hashtag fa-lg mt-4"></i>
-                    <br>hashtag</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-mixcloud fa-lg mt-4"></i>
-                    <br>mixcloud</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-modx fa-lg mt-4"></i>
-                    <br>modx</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-pause-circle fa-lg mt-4"></i>
-                    <br>pause-circle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-pause-circle-o fa-lg mt-4"></i>
-                    <br>pause-circle-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-percent fa-lg mt-4"></i>
-                    <br>percent</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-product-hunt fa-lg mt-4"></i>
-                    <br>product-hunt</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-reddit-alien fa-lg mt-4"></i>
-                    <br>reddit-alien</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-scribd fa-lg mt-4"></i>
-                    <br>scribd</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-shopping-bag fa-lg mt-4"></i>
-                    <br>shopping-bag</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-shopping-basket fa-lg mt-4"></i>
-                    <br>shopping-basket</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-stop-circle fa-lg mt-4"></i>
-                    <br>stop-circle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-stop-circle-o fa-lg mt-4"></i>
-                    <br>stop-circle-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-usb fa-lg mt-4"></i>
-                    <br>usb</div>
-                </div>
-              </div>
-            </div>
-            <div class="card" id="web-application">
-              <div class="card-header">Web Application Icons</div>
-              <div class="card-body">
-                <div class="row text-center">
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-adjust fa-lg mt-4"></i>
-                    <br>adjust</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-anchor fa-lg mt-4"></i>
-                    <br>anchor</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-archive fa-lg mt-4"></i>
-                    <br>archive</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-area-chart fa-lg mt-4"></i>
-                    <br>area-chart</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-arrows fa-lg mt-4"></i>
-                    <br>arrows</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-arrows-h fa-lg mt-4"></i>
-                    <br>arrows-h</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-arrows-v fa-lg mt-4"></i>
-                    <br>arrows-v</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-asterisk fa-lg mt-4"></i>
-                    <br>asterisk</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-at fa-lg mt-4"></i>
-                    <br>at</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-automobile fa-lg mt-4"></i>
-                    <br>automobile
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-balance-scale fa-lg mt-4"></i>
-                    <br>balance-scale</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-ban fa-lg mt-4"></i>
-                    <br>ban</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bank fa-lg mt-4"></i>
-                    <br>bank
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bar-chart fa-lg mt-4"></i>
-                    <br>bar-chart</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bar-chart-o fa-lg mt-4"></i>
-                    <br>bar-chart-o
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-barcode fa-lg mt-4"></i>
-                    <br>barcode</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bars fa-lg mt-4"></i>
-                    <br>bars</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-battery-0 fa-lg mt-4"></i>
-                    <br>battery-0
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-battery-1 fa-lg mt-4"></i>
-                    <br>battery-1
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-battery-2 fa-lg mt-4"></i>
-                    <br>battery-2
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-battery-3 fa-lg mt-4"></i>
-                    <br>battery-3
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-battery-4 fa-lg mt-4"></i>
-                    <br>battery-4
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-battery-empty fa-lg mt-4"></i>
-                    <br>battery-empty</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-battery-full fa-lg mt-4"></i>
-                    <br>battery-full</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-battery-half fa-lg mt-4"></i>
-                    <br>battery-half</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-battery-quarter fa-lg mt-4"></i>
-                    <br>battery-quarter</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-battery-three-quarters fa-lg mt-4"></i>
-                    <br>battery-three-quarters</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bed fa-lg mt-4"></i>
-                    <br>bed</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-beer fa-lg mt-4"></i>
-                    <br>beer</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bell fa-lg mt-4"></i>
-                    <br>bell</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bell-o fa-lg mt-4"></i>
-                    <br>bell-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bell-slash fa-lg mt-4"></i>
-                    <br>bell-slash</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bell-slash-o fa-lg mt-4"></i>
-                    <br>bell-slash-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bicycle fa-lg mt-4"></i>
-                    <br>bicycle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-binoculars fa-lg mt-4"></i>
-                    <br>binoculars</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-birthday-cake fa-lg mt-4"></i>
-                    <br>birthday-cake</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bluetooth fa-lg mt-4"></i>
-                    <br>bluetooth</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bluetooth-b fa-lg mt-4"></i>
-                    <br>bluetooth-b</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bolt fa-lg mt-4"></i>
-                    <br>bolt</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bomb fa-lg mt-4"></i>
-                    <br>bomb</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-book fa-lg mt-4"></i>
-                    <br>book</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bookmark fa-lg mt-4"></i>
-                    <br>bookmark</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bookmark-o fa-lg mt-4"></i>
-                    <br>bookmark-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-briefcase fa-lg mt-4"></i>
-                    <br>briefcase</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bug fa-lg mt-4"></i>
-                    <br>bug</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-building fa-lg mt-4"></i>
-                    <br>building</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-building-o fa-lg mt-4"></i>
-                    <br>building-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bullhorn fa-lg mt-4"></i>
-                    <br>bullhorn</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bullseye fa-lg mt-4"></i>
-                    <br>bullseye</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bus fa-lg mt-4"></i>
-                    <br>bus</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cab fa-lg mt-4"></i>
-                    <br>cab
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-calculator fa-lg mt-4"></i>
-                    <br>calculator</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-calendar fa-lg mt-4"></i>
-                    <br>calendar</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-calendar-check-o fa-lg mt-4"></i>
-                    <br>calendar-check-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-calendar-minus-o fa-lg mt-4"></i>
-                    <br>calendar-minus-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-calendar-o fa-lg mt-4"></i>
-                    <br>calendar-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-calendar-plus-o fa-lg mt-4"></i>
-                    <br>calendar-plus-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-calendar-times-o fa-lg mt-4"></i>
-                    <br>calendar-times-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-camera fa-lg mt-4"></i>
-                    <br>camera</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-camera-retro fa-lg mt-4"></i>
-                    <br>camera-retro</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-car fa-lg mt-4"></i>
-                    <br>car</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-caret-square-o-down fa-lg mt-4"></i>
-                    <br>caret-square-o-down</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-caret-square-o-left fa-lg mt-4"></i>
-                    <br>caret-square-o-left</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-caret-square-o-right fa-lg mt-4"></i>
-                    <br>caret-square-o-right</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-caret-square-o-up fa-lg mt-4"></i>
-                    <br>caret-square-o-up</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cart-arrow-down fa-lg mt-4"></i>
-                    <br>cart-arrow-down</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cart-plus fa-lg mt-4"></i>
-                    <br>cart-plus</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cc fa-lg mt-4"></i>
-                    <br>cc</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-certificate fa-lg mt-4"></i>
-                    <br>certificate</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-check fa-lg mt-4"></i>
-                    <br>check</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-check-circle fa-lg mt-4"></i>
-                    <br>check-circle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-check-circle-o fa-lg mt-4"></i>
-                    <br>check-circle-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-check-square fa-lg mt-4"></i>
-                    <br>check-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-check-square-o fa-lg mt-4"></i>
-                    <br>check-square-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-child fa-lg mt-4"></i>
-                    <br>child</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-circle fa-lg mt-4"></i>
-                    <br>circle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-circle-o fa-lg mt-4"></i>
-                    <br>circle-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-circle-o-notch fa-lg mt-4"></i>
-                    <br>circle-o-notch</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-circle-thin fa-lg mt-4"></i>
-                    <br>circle-thin</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-clock-o fa-lg mt-4"></i>
-                    <br>clock-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-clone fa-lg mt-4"></i>
-                    <br>clone</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-close fa-lg mt-4"></i>
-                    <br>close
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cloud fa-lg mt-4"></i>
-                    <br>cloud</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cloud-download fa-lg mt-4"></i>
-                    <br>cloud-download</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cloud-upload fa-lg mt-4"></i>
-                    <br>cloud-upload</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-code fa-lg mt-4"></i>
-                    <br>code</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-code-fork fa-lg mt-4"></i>
-                    <br>code-fork</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-coffee fa-lg mt-4"></i>
-                    <br>coffee</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cog fa-lg mt-4"></i>
-                    <br>cog</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cogs fa-lg mt-4"></i>
-                    <br>cogs</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-comment fa-lg mt-4"></i>
-                    <br>comment</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-comment-o fa-lg mt-4"></i>
-                    <br>comment-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-commenting fa-lg mt-4"></i>
-                    <br>commenting</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-commenting-o fa-lg mt-4"></i>
-                    <br>commenting-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-comments fa-lg mt-4"></i>
-                    <br>comments</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-comments-o fa-lg mt-4"></i>
-                    <br>comments-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-compass fa-lg mt-4"></i>
-                    <br>compass</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-copyright fa-lg mt-4"></i>
-                    <br>copyright</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-creative-commons fa-lg mt-4"></i>
-                    <br>creative-commons</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-credit-card fa-lg mt-4"></i>
-                    <br>credit-card</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-credit-card-alt fa-lg mt-4"></i>
-                    <br>credit-card-alt</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-crop fa-lg mt-4"></i>
-                    <br>crop</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-crosshairs fa-lg mt-4"></i>
-                    <br>crosshairs</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cube fa-lg mt-4"></i>
-                    <br>cube</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cubes fa-lg mt-4"></i>
-                    <br>cubes</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cutlery fa-lg mt-4"></i>
-                    <br>cutlery</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-dashboard fa-lg mt-4"></i>
-                    <br>dashboard
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-database fa-lg mt-4"></i>
-                    <br>database</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-desktop fa-lg mt-4"></i>
-                    <br>desktop</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-diamond fa-lg mt-4"></i>
-                    <br>diamond</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-dot-circle-o fa-lg mt-4"></i>
-                    <br>dot-circle-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-download fa-lg mt-4"></i>
-                    <br>download</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-edit fa-lg mt-4"></i>
-                    <br>edit
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-ellipsis-h fa-lg mt-4"></i>
-                    <br>ellipsis-h</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-ellipsis-v fa-lg mt-4"></i>
-                    <br>ellipsis-v</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-envelope fa-lg mt-4"></i>
-                    <br>envelope</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-envelope-o fa-lg mt-4"></i>
-                    <br>envelope-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-envelope-square fa-lg mt-4"></i>
-                    <br>envelope-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-eraser fa-lg mt-4"></i>
-                    <br>eraser</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-exchange fa-lg mt-4"></i>
-                    <br>exchange</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-exclamation fa-lg mt-4"></i>
-                    <br>exclamation</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-exclamation-circle fa-lg mt-4"></i>
-                    <br>exclamation-circle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-exclamation-triangle fa-lg mt-4"></i>
-                    <br>exclamation-triangle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-external-link fa-lg mt-4"></i>
-                    <br>external-link</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-external-link-square fa-lg mt-4"></i>
-                    <br>external-link-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-eye fa-lg mt-4"></i>
-                    <br>eye</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-eye-slash fa-lg mt-4"></i>
-                    <br>eye-slash</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-eyedropper fa-lg mt-4"></i>
-                    <br>eyedropper</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-fax fa-lg mt-4"></i>
-                    <br>fax</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-feed fa-lg mt-4"></i>
-                    <br>feed
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-female fa-lg mt-4"></i>
-                    <br>female</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-fighter-jet fa-lg mt-4"></i>
-                    <br>fighter-jet</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-archive-o fa-lg mt-4"></i>
-                    <br>file-archive-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-audio-o fa-lg mt-4"></i>
-                    <br>file-audio-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-code-o fa-lg mt-4"></i>
-                    <br>file-code-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-excel-o fa-lg mt-4"></i>
-                    <br>file-excel-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-image-o fa-lg mt-4"></i>
-                    <br>file-image-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-movie-o fa-lg mt-4"></i>
-                    <br>file-movie-o
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-pdf-o fa-lg mt-4"></i>
-                    <br>file-pdf-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-photo-o fa-lg mt-4"></i>
-                    <br>file-photo-o
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-picture-o fa-lg mt-4"></i>
-                    <br>file-picture-o
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-powerpoint-o fa-lg mt-4"></i>
-                    <br>file-powerpoint-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-sound-o fa-lg mt-4"></i>
-                    <br>file-sound-o
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-video-o fa-lg mt-4"></i>
-                    <br>file-video-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-word-o fa-lg mt-4"></i>
-                    <br>file-word-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-zip-o fa-lg mt-4"></i>
-                    <br>file-zip-o
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-film fa-lg mt-4"></i>
-                    <br>film</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-filter fa-lg mt-4"></i>
-                    <br>filter</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-fire fa-lg mt-4"></i>
-                    <br>fire</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-fire-extinguisher fa-lg mt-4"></i>
-                    <br>fire-extinguisher</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-flag fa-lg mt-4"></i>
-                    <br>flag</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-flag-checkered fa-lg mt-4"></i>
-                    <br>flag-checkered</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-flag-o fa-lg mt-4"></i>
-                    <br>flag-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-flash fa-lg mt-4"></i>
-                    <br>flash
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-flask fa-lg mt-4"></i>
-                    <br>flask</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-folder fa-lg mt-4"></i>
-                    <br>folder</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-folder-o fa-lg mt-4"></i>
-                    <br>folder-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-folder-open fa-lg mt-4"></i>
-                    <br>folder-open</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-folder-open-o fa-lg mt-4"></i>
-                    <br>folder-open-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-frown-o fa-lg mt-4"></i>
-                    <br>frown-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-futbol-o fa-lg mt-4"></i>
-                    <br>futbol-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-gamepad fa-lg mt-4"></i>
-                    <br>gamepad</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-gavel fa-lg mt-4"></i>
-                    <br>gavel</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-gear fa-lg mt-4"></i>
-                    <br>gear
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-gears fa-lg mt-4"></i>
-                    <br>gears
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-gift fa-lg mt-4"></i>
-                    <br>gift</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-glass fa-lg mt-4"></i>
-                    <br>glass</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-globe fa-lg mt-4"></i>
-                    <br>globe</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-graduation-cap fa-lg mt-4"></i>
-                    <br>graduation-cap</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-group fa-lg mt-4"></i>
-                    <br>group
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-grab-o fa-lg mt-4"></i>
-                    <br>hand-grab-o
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-lizard-o fa-lg mt-4"></i>
-                    <br>hand-lizard-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-paper-o fa-lg mt-4"></i>
-                    <br>hand-paper-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-peace-o fa-lg mt-4"></i>
-                    <br>hand-peace-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-pointer-o fa-lg mt-4"></i>
-                    <br>hand-pointer-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-rock-o fa-lg mt-4"></i>
-                    <br>hand-rock-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-scissors-o fa-lg mt-4"></i>
-                    <br>hand-scissors-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-spock-o fa-lg mt-4"></i>
-                    <br>hand-spock-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-stop-o fa-lg mt-4"></i>
-                    <br>hand-stop-o
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hashtag fa-lg mt-4"></i>
-                    <br>hashtag</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hdd-o fa-lg mt-4"></i>
-                    <br>hdd-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-headphones fa-lg mt-4"></i>
-                    <br>headphones</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-heart fa-lg mt-4"></i>
-                    <br>heart</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-heart-o fa-lg mt-4"></i>
-                    <br>heart-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-heartbeat fa-lg mt-4"></i>
-                    <br>heartbeat</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-history fa-lg mt-4"></i>
-                    <br>history</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-home fa-lg mt-4"></i>
-                    <br>home</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hotel fa-lg mt-4"></i>
-                    <br>hotel
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hourglass fa-lg mt-4"></i>
-                    <br>hourglass</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hourglass-1 fa-lg mt-4"></i>
-                    <br>hourglass-1
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hourglass-2 fa-lg mt-4"></i>
-                    <br>hourglass-2
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hourglass-3 fa-lg mt-4"></i>
-                    <br>hourglass-3
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hourglass-end fa-lg mt-4"></i>
-                    <br>hourglass-end</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hourglass-half fa-lg mt-4"></i>
-                    <br>hourglass-half</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hourglass-o fa-lg mt-4"></i>
-                    <br>hourglass-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hourglass-start fa-lg mt-4"></i>
-                    <br>hourglass-start</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-i-cursor fa-lg mt-4"></i>
-                    <br>i-cursor</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-image fa-lg mt-4"></i>
-                    <br>image
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-inbox fa-lg mt-4"></i>
-                    <br>inbox</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-industry fa-lg mt-4"></i>
-                    <br>industry</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-info fa-lg mt-4"></i>
-                    <br>info</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-info-circle fa-lg mt-4"></i>
-                    <br>info-circle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-institution fa-lg mt-4"></i>
-                    <br>institution
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-key fa-lg mt-4"></i>
-                    <br>key</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-keyboard-o fa-lg mt-4"></i>
-                    <br>keyboard-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-language fa-lg mt-4"></i>
-                    <br>language</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-laptop fa-lg mt-4"></i>
-                    <br>laptop</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-leaf fa-lg mt-4"></i>
-                    <br>leaf</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-legal fa-lg mt-4"></i>
-                    <br>legal
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-lemon-o fa-lg mt-4"></i>
-                    <br>lemon-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-level-down fa-lg mt-4"></i>
-                    <br>level-down</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-level-up fa-lg mt-4"></i>
-                    <br>level-up</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-life-bouy fa-lg mt-4"></i>
-                    <br>life-bouy
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-life-buoy fa-lg mt-4"></i>
-                    <br>life-buoy
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-life-ring fa-lg mt-4"></i>
-                    <br>life-ring</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-life-saver fa-lg mt-4"></i>
-                    <br>life-saver
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-lightbulb-o fa-lg mt-4"></i>
-                    <br>lightbulb-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-line-chart fa-lg mt-4"></i>
-                    <br>line-chart</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-location-arrow fa-lg mt-4"></i>
-                    <br>location-arrow</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-lock fa-lg mt-4"></i>
-                    <br>lock</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-magic fa-lg mt-4"></i>
-                    <br>magic</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-magnet fa-lg mt-4"></i>
-                    <br>magnet</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-mail-forward fa-lg mt-4"></i>
-                    <br>mail-forward
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-mail-reply fa-lg mt-4"></i>
-                    <br>mail-reply
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-mail-reply-all fa-lg mt-4"></i>
-                    <br>mail-reply-all
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-male fa-lg mt-4"></i>
-                    <br>male</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-map fa-lg mt-4"></i>
-                    <br>map</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-map-marker fa-lg mt-4"></i>
-                    <br>map-marker</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-map-o fa-lg mt-4"></i>
-                    <br>map-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-map-pin fa-lg mt-4"></i>
-                    <br>map-pin</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-map-signs fa-lg mt-4"></i>
-                    <br>map-signs</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-meh-o fa-lg mt-4"></i>
-                    <br>meh-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-microphone fa-lg mt-4"></i>
-                    <br>microphone</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-microphone-slash fa-lg mt-4"></i>
-                    <br>microphone-slash</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-minus fa-lg mt-4"></i>
-                    <br>minus</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-minus-circle fa-lg mt-4"></i>
-                    <br>minus-circle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-minus-square fa-lg mt-4"></i>
-                    <br>minus-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-minus-square-o fa-lg mt-4"></i>
-                    <br>minus-square-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-mobile fa-lg mt-4"></i>
-                    <br>mobile</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-mobile-phone fa-lg mt-4"></i>
-                    <br>mobile-phone
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-money fa-lg mt-4"></i>
-                    <br>money</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-moon-o fa-lg mt-4"></i>
-                    <br>moon-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-mortar-board fa-lg mt-4"></i>
-                    <br>mortar-board
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-motorcycle fa-lg mt-4"></i>
-                    <br>motorcycle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-mouse-pointer fa-lg mt-4"></i>
-                    <br>mouse-pointer</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-music fa-lg mt-4"></i>
-                    <br>music</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-navicon fa-lg mt-4"></i>
-                    <br>navicon
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-newspaper-o fa-lg mt-4"></i>
-                    <br>newspaper-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-object-group fa-lg mt-4"></i>
-                    <br>object-group</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-object-ungroup fa-lg mt-4"></i>
-                    <br>object-ungroup</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-paint-brush fa-lg mt-4"></i>
-                    <br>paint-brush</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-paper-plane fa-lg mt-4"></i>
-                    <br>paper-plane</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-paper-plane-o fa-lg mt-4"></i>
-                    <br>paper-plane-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-paw fa-lg mt-4"></i>
-                    <br>paw</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-pencil fa-lg mt-4"></i>
-                    <br>pencil</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-pencil-square fa-lg mt-4"></i>
-                    <br>pencil-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-pencil-square-o fa-lg mt-4"></i>
-                    <br>pencil-square-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-percent fa-lg mt-4"></i>
-                    <br>percent</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-phone fa-lg mt-4"></i>
-                    <br>phone</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-phone-square fa-lg mt-4"></i>
-                    <br>phone-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-photo fa-lg mt-4"></i>
-                    <br>photo
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-picture-o fa-lg mt-4"></i>
-                    <br>picture-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-pie-chart fa-lg mt-4"></i>
-                    <br>pie-chart</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-plane fa-lg mt-4"></i>
-                    <br>plane</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-plug fa-lg mt-4"></i>
-                    <br>plug</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-plus fa-lg mt-4"></i>
-                    <br>plus</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-plus-circle fa-lg mt-4"></i>
-                    <br>plus-circle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-plus-square fa-lg mt-4"></i>
-                    <br>plus-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-plus-square-o fa-lg mt-4"></i>
-                    <br>plus-square-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-power-off fa-lg mt-4"></i>
-                    <br>power-off</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-print fa-lg mt-4"></i>
-                    <br>print</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-puzzle-piece fa-lg mt-4"></i>
-                    <br>puzzle-piece</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-qrcode fa-lg mt-4"></i>
-                    <br>qrcode</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-question fa-lg mt-4"></i>
-                    <br>question</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-question-circle fa-lg mt-4"></i>
-                    <br>question-circle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-quote-left fa-lg mt-4"></i>
-                    <br>quote-left</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-quote-right fa-lg mt-4"></i>
-                    <br>quote-right</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-random fa-lg mt-4"></i>
-                    <br>random</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-recycle fa-lg mt-4"></i>
-                    <br>recycle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-refresh fa-lg mt-4"></i>
-                    <br>refresh</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-registered fa-lg mt-4"></i>
-                    <br>registered</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-remove fa-lg mt-4"></i>
-                    <br>remove
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-reorder fa-lg mt-4"></i>
-                    <br>reorder
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-reply fa-lg mt-4"></i>
-                    <br>reply</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-reply-all fa-lg mt-4"></i>
-                    <br>reply-all</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-retweet fa-lg mt-4"></i>
-                    <br>retweet</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-road fa-lg mt-4"></i>
-                    <br>road</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-rocket fa-lg mt-4"></i>
-                    <br>rocket</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-rss fa-lg mt-4"></i>
-                    <br>rss</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-rss-square fa-lg mt-4"></i>
-                    <br>rss-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-search fa-lg mt-4"></i>
-                    <br>search</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-search-minus fa-lg mt-4"></i>
-                    <br>search-minus</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-search-plus fa-lg mt-4"></i>
-                    <br>search-plus</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-send fa-lg mt-4"></i>
-                    <br>send
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-send-o fa-lg mt-4"></i>
-                    <br>send-o
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-server fa-lg mt-4"></i>
-                    <br>server</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-share fa-lg mt-4"></i>
-                    <br>share</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-share-alt fa-lg mt-4"></i>
-                    <br>share-alt</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-share-alt-square fa-lg mt-4"></i>
-                    <br>share-alt-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-share-square fa-lg mt-4"></i>
-                    <br>share-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-share-square-o fa-lg mt-4"></i>
-                    <br>share-square-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-shield fa-lg mt-4"></i>
-                    <br>shield</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-ship fa-lg mt-4"></i>
-                    <br>ship</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-shopping-bag fa-lg mt-4"></i>
-                    <br>shopping-bag</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-shopping-basket fa-lg mt-4"></i>
-                    <br>shopping-basket</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-shopping-cart fa-lg mt-4"></i>
-                    <br>shopping-cart</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-sign-in fa-lg mt-4"></i>
-                    <br>sign-in</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-sign-out fa-lg mt-4"></i>
-                    <br>sign-out</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-signal fa-lg mt-4"></i>
-                    <br>signal</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-sitemap fa-lg mt-4"></i>
-                    <br>sitemap</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-sliders fa-lg mt-4"></i>
-                    <br>sliders</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-smile-o fa-lg mt-4"></i>
-                    <br>smile-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-soccer-ball-o fa-lg mt-4"></i>
-                    <br>soccer-ball-o
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-sort fa-lg mt-4"></i>
-                    <br>sort</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-sort-alpha-asc fa-lg mt-4"></i>
-                    <br>sort-alpha-asc</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-sort-alpha-desc fa-lg mt-4"></i>
-                    <br>sort-alpha-desc</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-sort-amount-asc fa-lg mt-4"></i>
-                    <br>sort-amount-asc</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-sort-amount-desc fa-lg mt-4"></i>
-                    <br>sort-amount-desc</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-sort-asc fa-lg mt-4"></i>
-                    <br>sort-asc</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-sort-desc fa-lg mt-4"></i>
-                    <br>sort-desc</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-sort-down fa-lg mt-4"></i>
-                    <br>sort-down
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-sort-numeric-asc fa-lg mt-4"></i>
-                    <br>sort-numeric-asc</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-sort-numeric-desc fa-lg mt-4"></i>
-                    <br>sort-numeric-desc</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-sort-up fa-lg mt-4"></i>
-                    <br>sort-up
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-space-shuttle fa-lg mt-4"></i>
-                    <br>space-shuttle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-spinner fa-lg mt-4"></i>
-                    <br>spinner</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-spoon fa-lg mt-4"></i>
-                    <br>spoon</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-square fa-lg mt-4"></i>
-                    <br>square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-square-o fa-lg mt-4"></i>
-                    <br>square-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-star fa-lg mt-4"></i>
-                    <br>star</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-star-half fa-lg mt-4"></i>
-                    <br>star-half</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-star-half-empty fa-lg mt-4"></i>
-                    <br>star-half-empty
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-star-half-full fa-lg mt-4"></i>
-                    <br>star-half-full
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-star-half-o fa-lg mt-4"></i>
-                    <br>star-half-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-star-o fa-lg mt-4"></i>
-                    <br>star-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-sticky-note fa-lg mt-4"></i>
-                    <br>sticky-note</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-sticky-note-o fa-lg mt-4"></i>
-                    <br>sticky-note-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-street-view fa-lg mt-4"></i>
-                    <br>street-view</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-suitcase fa-lg mt-4"></i>
-                    <br>suitcase</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-sun-o fa-lg mt-4"></i>
-                    <br>sun-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-support fa-lg mt-4"></i>
-                    <br>support
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-tablet fa-lg mt-4"></i>
-                    <br>tablet</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-tachometer fa-lg mt-4"></i>
-                    <br>tachometer</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-tag fa-lg mt-4"></i>
-                    <br>tag</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-tags fa-lg mt-4"></i>
-                    <br>tags</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-tasks fa-lg mt-4"></i>
-                    <br>tasks</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-taxi fa-lg mt-4"></i>
-                    <br>taxi</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-television fa-lg mt-4"></i>
-                    <br>television</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-terminal fa-lg mt-4"></i>
-                    <br>terminal</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-thumb-tack fa-lg mt-4"></i>
-                    <br>thumb-tack</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-thumbs-down fa-lg mt-4"></i>
-                    <br>thumbs-down</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-thumbs-o-down fa-lg mt-4"></i>
-                    <br>thumbs-o-down</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-thumbs-o-up fa-lg mt-4"></i>
-                    <br>thumbs-o-up</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-thumbs-up fa-lg mt-4"></i>
-                    <br>thumbs-up</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-ticket fa-lg mt-4"></i>
-                    <br>ticket</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-times fa-lg mt-4"></i>
-                    <br>times</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-times-circle fa-lg mt-4"></i>
-                    <br>times-circle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-times-circle-o fa-lg mt-4"></i>
-                    <br>times-circle-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-tint fa-lg mt-4"></i>
-                    <br>tint</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-toggle-down fa-lg mt-4"></i>
-                    <br>toggle-down
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-toggle-left fa-lg mt-4"></i>
-                    <br>toggle-left
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-toggle-off fa-lg mt-4"></i>
-                    <br>toggle-off</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-toggle-on fa-lg mt-4"></i>
-                    <br>toggle-on</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-toggle-right fa-lg mt-4"></i>
-                    <br>toggle-right
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-toggle-up fa-lg mt-4"></i>
-                    <br>toggle-up
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-trademark fa-lg mt-4"></i>
-                    <br>trademark</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-trash fa-lg mt-4"></i>
-                    <br>trash</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-trash-o fa-lg mt-4"></i>
-                    <br>trash-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-tree fa-lg mt-4"></i>
-                    <br>tree</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-trophy fa-lg mt-4"></i>
-                    <br>trophy</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-truck fa-lg mt-4"></i>
-                    <br>truck</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-tty fa-lg mt-4"></i>
-                    <br>tty</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-tv fa-lg mt-4"></i>
-                    <br>tv
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-umbrella fa-lg mt-4"></i>
-                    <br>umbrella</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-university fa-lg mt-4"></i>
-                    <br>university</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-unlock fa-lg mt-4"></i>
-                    <br>unlock</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-unlock-alt fa-lg mt-4"></i>
-                    <br>unlock-alt</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-unsorted fa-lg mt-4"></i>
-                    <br>unsorted
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-upload fa-lg mt-4"></i>
-                    <br>upload</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-user fa-lg mt-4"></i>
-                    <br>user</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-user-plus fa-lg mt-4"></i>
-                    <br>user-plus</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-user-secret fa-lg mt-4"></i>
-                    <br>user-secret</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-user-times fa-lg mt-4"></i>
-                    <br>user-times</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-users fa-lg mt-4"></i>
-                    <br>users</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-video-camera fa-lg mt-4"></i>
-                    <br>video-camera</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-volume-down fa-lg mt-4"></i>
-                    <br>volume-down</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-volume-off fa-lg mt-4"></i>
-                    <br>volume-off</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-volume-up fa-lg mt-4"></i>
-                    <br>volume-up</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-warning fa-lg mt-4"></i>
-                    <br>warning
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-wheelchair fa-lg mt-4"></i>
-                    <br>wheelchair</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-wifi fa-lg mt-4"></i>
-                    <br>wifi</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-wrench fa-lg mt-4"></i>
-                    <br>wrench</div>
-                </div>
-              </div>
-            </div>
-            <div class="card" id="hand">
-              <div class="card-header">Hand Icons</div>
-              <div class="card-body">
-                <div class="row text-center">
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-grab-o fa-lg mt-4"></i>
-                    <br>hand-grab-o
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-lizard-o fa-lg mt-4"></i>
-                    <br>hand-lizard-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-o-down fa-lg mt-4"></i>
-                    <br>hand-o-down</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-o-left fa-lg mt-4"></i>
-                    <br>hand-o-left</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-o-right fa-lg mt-4"></i>
-                    <br>hand-o-right</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-o-up fa-lg mt-4"></i>
-                    <br>hand-o-up</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-paper-o fa-lg mt-4"></i>
-                    <br>hand-paper-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-peace-o fa-lg mt-4"></i>
-                    <br>hand-peace-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-pointer-o fa-lg mt-4"></i>
-                    <br>hand-pointer-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-rock-o fa-lg mt-4"></i>
-                    <br>hand-rock-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-scissors-o fa-lg mt-4"></i>
-                    <br>hand-scissors-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-spock-o fa-lg mt-4"></i>
-                    <br>hand-spock-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-stop-o fa-lg mt-4"></i>
-                    <br>hand-stop-o
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-thumbs-down fa-lg mt-4"></i>
-                    <br>thumbs-down</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-thumbs-o-down fa-lg mt-4"></i>
-                    <br>thumbs-o-down</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-thumbs-o-up fa-lg mt-4"></i>
-                    <br>thumbs-o-up</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-thumbs-up fa-lg mt-4"></i>
-                    <br>thumbs-up</div>
-                </div>
-              </div>
-            </div>
-            <div class="card" id="transportation">
-              <div class="card-header">Transportation Icons</div>
-              <div class="card-body">
-                <div class="row text-center">
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-ambulance fa-lg mt-4"></i>
-                    <br>ambulance</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-automobile fa-lg mt-4"></i>
-                    <br>automobile
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bicycle fa-lg mt-4"></i>
-                    <br>bicycle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bus fa-lg mt-4"></i>
-                    <br>bus</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cab fa-lg mt-4"></i>
-                    <br>cab
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-car fa-lg mt-4"></i>
-                    <br>car</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-fighter-jet fa-lg mt-4"></i>
-                    <br>fighter-jet</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-motorcycle fa-lg mt-4"></i>
-                    <br>motorcycle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-plane fa-lg mt-4"></i>
-                    <br>plane</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-rocket fa-lg mt-4"></i>
-                    <br>rocket</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-ship fa-lg mt-4"></i>
-                    <br>ship</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-space-shuttle fa-lg mt-4"></i>
-                    <br>space-shuttle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-subway fa-lg mt-4"></i>
-                    <br>subway</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-taxi fa-lg mt-4"></i>
-                    <br>taxi</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-train fa-lg mt-4"></i>
-                    <br>train</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-truck fa-lg mt-4"></i>
-                    <br>truck</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-wheelchair fa-lg mt-4"></i>
-                    <br>wheelchair</div>
-                </div>
-              </div>
-            </div>
-            <div class="card" id="gender">
-              <div class="card-header">Gender Icons</div>
-              <div class="card-body">
-                <div class="row text-center">
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-genderless fa-lg mt-4"></i>
-                    <br>genderless</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-intersex fa-lg mt-4"></i>
-                    <br>intersex
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-mars fa-lg mt-4"></i>
-                    <br>mars</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-mars-double fa-lg mt-4"></i>
-                    <br>mars-double</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-mars-stroke fa-lg mt-4"></i>
-                    <br>mars-stroke</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-mars-stroke-h fa-lg mt-4"></i>
-                    <br>mars-stroke-h</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-mars-stroke-v fa-lg mt-4"></i>
-                    <br>mars-stroke-v</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-mercury fa-lg mt-4"></i>
-                    <br>mercury</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-neuter fa-lg mt-4"></i>
-                    <br>neuter</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-transgender fa-lg mt-4"></i>
-                    <br>transgender</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-transgender-alt fa-lg mt-4"></i>
-                    <br>transgender-alt</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-venus fa-lg mt-4"></i>
-                    <br>venus</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-venus-double fa-lg mt-4"></i>
-                    <br>venus-double</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-venus-mars fa-lg mt-4"></i>
-                    <br>venus-mars</div>
-                </div>
-              </div>
-            </div>
-            <div class="card" id="file-type">
-              <div class="card-header">File Type Icons</div>
-              <div class="card-body">
-                <div class="row text-center">
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file fa-lg mt-4"></i>
-                    <br>file</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-archive-o fa-lg mt-4"></i>
-                    <br>file-archive-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-audio-o fa-lg mt-4"></i>
-                    <br>file-audio-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-code-o fa-lg mt-4"></i>
-                    <br>file-code-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-excel-o fa-lg mt-4"></i>
-                    <br>file-excel-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-image-o fa-lg mt-4"></i>
-                    <br>file-image-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-movie-o fa-lg mt-4"></i>
-                    <br>file-movie-o
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-o fa-lg mt-4"></i>
-                    <br>file-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-pdf-o fa-lg mt-4"></i>
-                    <br>file-pdf-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-photo-o fa-lg mt-4"></i>
-                    <br>file-photo-o
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-picture-o fa-lg mt-4"></i>
-                    <br>file-picture-o
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-powerpoint-o fa-lg mt-4"></i>
-                    <br>file-powerpoint-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-sound-o fa-lg mt-4"></i>
-                    <br>file-sound-o
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-text fa-lg mt-4"></i>
-                    <br>file-text</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-text-o fa-lg mt-4"></i>
-                    <br>file-text-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-video-o fa-lg mt-4"></i>
-                    <br>file-video-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-word-o fa-lg mt-4"></i>
-                    <br>file-word-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-zip-o fa-lg mt-4"></i>
-                    <br>file-zip-o
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="card" id="spinner">
-              <div class="card-header">Spinner Icons</div>
-              <div class="card-body">
-                <div class="alert alert-success">
-                  <ul class="fa-ul">
-                    <li>
-                      <i class="fa fa-info-circle fa-li"></i> These icons work great with the
-                      <code>fa-spin</code> class.</li>
-                  </ul>
-                </div>
-                <div class="row text-center">
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-circle-o-notch fa-lg mt-4 fa-spin"></i>
-                    <br>circle-o-notch</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cog fa-lg mt-4"></i>
-                    <br>cog</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-gear fa-lg mt-4"></i>
-                    <br>gear
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-refresh fa-lg mt-4"></i>
-                    <br>refresh</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-spinner fa-lg mt-4"></i>
-                    <br>spinner</div>
-                </div>
-              </div>
-            </div>
-            <div class="card" id="form-control">
-              <div class="card-header">Form Control Icons</div>
-              <div class="card-body">
-                <div class="row text-center">
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-check-square fa-lg mt-4"></i>
-                    <br>check-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-check-square-o fa-lg mt-4"></i>
-                    <br>check-square-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-circle fa-lg mt-4"></i>
-                    <br>circle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-circle-o fa-lg mt-4"></i>
-                    <br>circle-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-dot-circle-o fa-lg mt-4"></i>
-                    <br>dot-circle-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-minus-square fa-lg mt-4"></i>
-                    <br>minus-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-minus-square-o fa-lg mt-4"></i>
-                    <br>minus-square-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-plus-square fa-lg mt-4"></i>
-                    <br>plus-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-plus-square-o fa-lg mt-4"></i>
-                    <br>plus-square-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-square fa-lg mt-4"></i>
-                    <br>square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-square-o fa-lg mt-4"></i>
-                    <br>square-o</div>
-                </div>
-              </div>
-            </div>
-            <div class="card" id="payment">
-              <div class="card-header">Payment Icons</div>
-              <div class="card-body">
-                <div class="row text-center">
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cc-amex fa-lg mt-4"></i>
-                    <br>cc-amex</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cc-diners-club fa-lg mt-4"></i>
-                    <br>cc-diners-club</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cc-discover fa-lg mt-4"></i>
-                    <br>cc-discover</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cc-jcb fa-lg mt-4"></i>
-                    <br>cc-jcb</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cc-mastercard fa-lg mt-4"></i>
-                    <br>cc-mastercard</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cc-paypal fa-lg mt-4"></i>
-                    <br>cc-paypal</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cc-stripe fa-lg mt-4"></i>
-                    <br>cc-stripe</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cc-visa fa-lg mt-4"></i>
-                    <br>cc-visa</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-credit-card fa-lg mt-4"></i>
-                    <br>credit-card</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-credit-card-alt fa-lg mt-4"></i>
-                    <br>credit-card-alt</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-google-wallet fa-lg mt-4"></i>
-                    <br>google-wallet</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-paypal fa-lg mt-4"></i>
-                    <br>paypal</div>
-                </div>
-              </div>
-            </div>
-            <div class="card" id="chart">
-              <div class="card-header">Chart Icons</div>
-              <div class="card-body">
-                <div class="row text-center">
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-area-chart fa-lg mt-4"></i>
-                    <br>area-chart</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bar-chart fa-lg mt-4"></i>
-                    <br>bar-chart</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bar-chart-o fa-lg mt-4"></i>
-                    <br>bar-chart-o
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-line-chart fa-lg mt-4"></i>
-                    <br>line-chart</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-pie-chart fa-lg mt-4"></i>
-                    <br>pie-chart</div>
-                </div>
-              </div>
-            </div>
-            <div class="card" id="currency">
-              <div class="card-header">Currency Icons</div>
-              <div class="card-body">
-                <div class="row text-center">
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bitcoin fa-lg mt-4"></i>
-                    <br>bitcoin
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-btc fa-lg mt-4"></i>
-                    <br>btc</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cny fa-lg mt-4"></i>
-                    <br>cny
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-dollar fa-lg mt-4"></i>
-                    <br>dollar
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-eur fa-lg mt-4"></i>
-                    <br>eur</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-euro fa-lg mt-4"></i>
-                    <br>euro
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-gbp fa-lg mt-4"></i>
-                    <br>gbp</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-gg fa-lg mt-4"></i>
-                    <br>gg</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-gg-circle fa-lg mt-4"></i>
-                    <br>gg-circle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-ils fa-lg mt-4"></i>
-                    <br>ils</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-inr fa-lg mt-4"></i>
-                    <br>inr</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-jpy fa-lg mt-4"></i>
-                    <br>jpy</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-krw fa-lg mt-4"></i>
-                    <br>krw</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-money fa-lg mt-4"></i>
-                    <br>money</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-rmb fa-lg mt-4"></i>
-                    <br>rmb
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-rouble fa-lg mt-4"></i>
-                    <br>rouble
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-rub fa-lg mt-4"></i>
-                    <br>rub</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-ruble fa-lg mt-4"></i>
-                    <br>ruble
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-rupee fa-lg mt-4"></i>
-                    <br>rupee
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-shekel fa-lg mt-4"></i>
-                    <br>shekel
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-sheqel fa-lg mt-4"></i>
-                    <br>sheqel
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-try fa-lg mt-4"></i>
-                    <br>try</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-turkish-lira fa-lg mt-4"></i>
-                    <br>turkish-lira
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-usd fa-lg mt-4"></i>
-                    <br>usd</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-won fa-lg mt-4"></i>
-                    <br>won
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-yen fa-lg mt-4"></i>
-                    <br>yen
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="card" id="text-editor">
-              <div class="card-header">Text Editor Icons</div>
-              <div class="card-body">
-                <div class="row text-center">
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-align-center fa-lg mt-4"></i>
-                    <br>align-center</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-align-justify fa-lg mt-4"></i>
-                    <br>align-justify</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-align-left fa-lg mt-4"></i>
-                    <br>align-left</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-align-right fa-lg mt-4"></i>
-                    <br>align-right</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bold fa-lg mt-4"></i>
-                    <br>bold</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-chain fa-lg mt-4"></i>
-                    <br>chain
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-chain-broken fa-lg mt-4"></i>
-                    <br>chain-broken</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-clipboard fa-lg mt-4"></i>
-                    <br>clipboard</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-columns fa-lg mt-4"></i>
-                    <br>columns</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-copy fa-lg mt-4"></i>
-                    <br>copy
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cut fa-lg mt-4"></i>
-                    <br>cut
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-dedent fa-lg mt-4"></i>
-                    <br>dedent
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-eraser fa-lg mt-4"></i>
-                    <br>eraser</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file fa-lg mt-4"></i>
-                    <br>file</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-o fa-lg mt-4"></i>
-                    <br>file-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-text fa-lg mt-4"></i>
-                    <br>file-text</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-file-text-o fa-lg mt-4"></i>
-                    <br>file-text-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-files-o fa-lg mt-4"></i>
-                    <br>files-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-floppy-o fa-lg mt-4"></i>
-                    <br>floppy-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-font fa-lg mt-4"></i>
-                    <br>font</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-header fa-lg mt-4"></i>
-                    <br>header</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-indent fa-lg mt-4"></i>
-                    <br>indent</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-italic fa-lg mt-4"></i>
-                    <br>italic</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-link fa-lg mt-4"></i>
-                    <br>link</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-list fa-lg mt-4"></i>
-                    <br>list</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-list-alt fa-lg mt-4"></i>
-                    <br>list-alt</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-list-ol fa-lg mt-4"></i>
-                    <br>list-ol</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-list-ul fa-lg mt-4"></i>
-                    <br>list-ul</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-outdent fa-lg mt-4"></i>
-                    <br>outdent</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-paperclip fa-lg mt-4"></i>
-                    <br>paperclip</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-paragraph fa-lg mt-4"></i>
-                    <br>paragraph</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-paste fa-lg mt-4"></i>
-                    <br>paste
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-repeat fa-lg mt-4"></i>
-                    <br>repeat</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-rotate-left fa-lg mt-4"></i>
-                    <br>rotate-left
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-rotate-right fa-lg mt-4"></i>
-                    <br>rotate-right
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-save fa-lg mt-4"></i>
-                    <br>save
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-scissors fa-lg mt-4"></i>
-                    <br>scissors</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-strikethrough fa-lg mt-4"></i>
-                    <br>strikethrough</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-subscript fa-lg mt-4"></i>
-                    <br>subscript</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-superscript fa-lg mt-4"></i>
-                    <br>superscript</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-table fa-lg mt-4"></i>
-                    <br>table</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-text-height fa-lg mt-4"></i>
-                    <br>text-height</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-text-width fa-lg mt-4"></i>
-                    <br>text-width</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-th fa-lg mt-4"></i>
-                    <br>th</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-th-large fa-lg mt-4"></i>
-                    <br>th-large</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-th-list fa-lg mt-4"></i>
-                    <br>th-list</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-underline fa-lg mt-4"></i>
-                    <br>underline</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-undo fa-lg mt-4"></i>
-                    <br>undo</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-unlink fa-lg mt-4"></i>
-                    <br>unlink
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="card" id="directional">
-              <div class="card-header">Directional Icons</div>
-              <div class="card-body">
-                <div class="row text-center">
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-angle-double-down fa-lg mt-4"></i>
-                    <br>angle-double-down</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-angle-double-left fa-lg mt-4"></i>
-                    <br>angle-double-left</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-angle-double-right fa-lg mt-4"></i>
-                    <br>angle-double-right</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-angle-double-up fa-lg mt-4"></i>
-                    <br>angle-double-up</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-angle-down fa-lg mt-4"></i>
-                    <br>angle-down</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-angle-left fa-lg mt-4"></i>
-                    <br>angle-left</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-angle-right fa-lg mt-4"></i>
-                    <br>angle-right</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-angle-up fa-lg mt-4"></i>
-                    <br>angle-up</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-arrow-circle-down fa-lg mt-4"></i>
-                    <br>arrow-circle-down</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-arrow-circle-left fa-lg mt-4"></i>
-                    <br>arrow-circle-left</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-arrow-circle-o-down fa-lg mt-4"></i>
-                    <br>arrow-circle-o-down</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-arrow-circle-o-left fa-lg mt-4"></i>
-                    <br>arrow-circle-o-left</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-arrow-circle-o-right fa-lg mt-4"></i>
-                    <br>arrow-circle-o-right</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-arrow-circle-o-up fa-lg mt-4"></i>
-                    <br>arrow-circle-o-up</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-arrow-circle-right fa-lg mt-4"></i>
-                    <br>arrow-circle-right</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-arrow-circle-up fa-lg mt-4"></i>
-                    <br>arrow-circle-up</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-arrow-down fa-lg mt-4"></i>
-                    <br>arrow-down</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-arrow-left fa-lg mt-4"></i>
-                    <br>arrow-left</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-arrow-right fa-lg mt-4"></i>
-                    <br>arrow-right</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-arrow-up fa-lg mt-4"></i>
-                    <br>arrow-up</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-arrows fa-lg mt-4"></i>
-                    <br>arrows</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-arrows-alt fa-lg mt-4"></i>
-                    <br>arrows-alt</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-arrows-h fa-lg mt-4"></i>
-                    <br>arrows-h</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-arrows-v fa-lg mt-4"></i>
-                    <br>arrows-v</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-caret-down fa-lg mt-4"></i>
-                    <br>caret-down</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-caret-left fa-lg mt-4"></i>
-                    <br>caret-left</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-caret-right fa-lg mt-4"></i>
-                    <br>caret-right</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-caret-square-o-down fa-lg mt-4"></i>
-                    <br>caret-square-o-down</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-caret-square-o-left fa-lg mt-4"></i>
-                    <br>caret-square-o-left</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-caret-square-o-right fa-lg mt-4"></i>
-                    <br>caret-square-o-right</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-caret-square-o-up fa-lg mt-4"></i>
-                    <br>caret-square-o-up</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-caret-up fa-lg mt-4"></i>
-                    <br>caret-up</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-chevron-circle-down fa-lg mt-4"></i>
-                    <br>chevron-circle-down</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-chevron-circle-left fa-lg mt-4"></i>
-                    <br>chevron-circle-left</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-chevron-circle-right fa-lg mt-4"></i>
-                    <br>chevron-circle-right</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-chevron-circle-up fa-lg mt-4"></i>
-                    <br>chevron-circle-up</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-chevron-down fa-lg mt-4"></i>
-                    <br>chevron-down</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-chevron-left fa-lg mt-4"></i>
-                    <br>chevron-left</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-chevron-right fa-lg mt-4"></i>
-                    <br>chevron-right</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-chevron-up fa-lg mt-4"></i>
-                    <br>chevron-up</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-exchange fa-lg mt-4"></i>
-                    <br>exchange</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-o-down fa-lg mt-4"></i>
-                    <br>hand-o-down</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-o-left fa-lg mt-4"></i>
-                    <br>hand-o-left</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-o-right fa-lg mt-4"></i>
-                    <br>hand-o-right</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hand-o-up fa-lg mt-4"></i>
-                    <br>hand-o-up</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-long-arrow-down fa-lg mt-4"></i>
-                    <br>long-arrow-down</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-long-arrow-left fa-lg mt-4"></i>
-                    <br>long-arrow-left</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-long-arrow-right fa-lg mt-4"></i>
-                    <br>long-arrow-right</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-long-arrow-up fa-lg mt-4"></i>
-                    <br>long-arrow-up</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-toggle-down fa-lg mt-4"></i>
-                    <br>toggle-down
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-toggle-left fa-lg mt-4"></i>
-                    <br>toggle-left
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-toggle-right fa-lg mt-4"></i>
-                    <br>toggle-right
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-toggle-up fa-lg mt-4"></i>
-                    <br>toggle-up
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="card" id="video-player">
-              <div class="card-header">Video Player Icons</div>
-              <div class="card-body">
-                <div class="row text-center">
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-arrows-alt fa-lg mt-4"></i>
-                    <br>arrows-alt</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-backward fa-lg mt-4"></i>
-                    <br>backward</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-compress fa-lg mt-4"></i>
-                    <br>compress</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-eject fa-lg mt-4"></i>
-                    <br>eject</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-expand fa-lg mt-4"></i>
-                    <br>expand</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-fast-backward fa-lg mt-4"></i>
-                    <br>fast-backward</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-fast-forward fa-lg mt-4"></i>
-                    <br>fast-forward</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-forward fa-lg mt-4"></i>
-                    <br>forward</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-pause fa-lg mt-4"></i>
-                    <br>pause</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-pause-circle fa-lg mt-4"></i>
-                    <br>pause-circle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-pause-circle-o fa-lg mt-4"></i>
-                    <br>pause-circle-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-play fa-lg mt-4"></i>
-                    <br>play</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-play-circle fa-lg mt-4"></i>
-                    <br>play-circle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-play-circle-o fa-lg mt-4"></i>
-                    <br>play-circle-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-random fa-lg mt-4"></i>
-                    <br>random</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-step-backward fa-lg mt-4"></i>
-                    <br>step-backward</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-step-forward fa-lg mt-4"></i>
-                    <br>step-forward</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-stop fa-lg mt-4"></i>
-                    <br>stop</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-stop-circle fa-lg mt-4"></i>
-                    <br>stop-circle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-stop-circle-o fa-lg mt-4"></i>
-                    <br>stop-circle-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-youtube-play fa-lg mt-4"></i>
-                    <br>youtube-play</div>
-                </div>
-              </div>
-            </div>
-            <div class="card" id="brand">
-              <div class="card-header">Brand Icons</div>
-              <div class="card-body">
-                <div class="alert alert-warning">
-                  <h4>
-                    <i class="fa fa-warning"></i> Warning!</h4> Apparently, Adblock Plus can remove Font Awesome brand icons with their "Remove Social Media Buttons" setting. We will not use hacks to force them to display. Please
-                  <a class="alert-link" href="https://adblockplus.org/en/bugs">report an issue with Adblock Plus</a> if you believe this to be an error. To work around this, you'll need to modify the social icon class names.
-                </div>
-                <div class="row text-center">
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-500px fa-lg mt-4"></i>
-                    <br>500px</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-adn fa-lg mt-4"></i>
-                    <br>adn</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-amazon fa-lg mt-4"></i>
-                    <br>amazon</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-android fa-lg mt-4"></i>
-                    <br>android</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-angellist fa-lg mt-4"></i>
-                    <br>angellist</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-apple fa-lg mt-4"></i>
-                    <br>apple</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-behance fa-lg mt-4"></i>
-                    <br>behance</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-behance-square fa-lg mt-4"></i>
-                    <br>behance-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bitbucket fa-lg mt-4"></i>
-                    <br>bitbucket</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bitbucket-square fa-lg mt-4"></i>
-                    <br>bitbucket-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bitcoin fa-lg mt-4"></i>
-                    <br>bitcoin
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-black-tie fa-lg mt-4"></i>
-                    <br>black-tie</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bluetooth fa-lg mt-4"></i>
-                    <br>bluetooth</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-bluetooth-b fa-lg mt-4"></i>
-                    <br>bluetooth-b</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-btc fa-lg mt-4"></i>
-                    <br>btc</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-buysellads fa-lg mt-4"></i>
-                    <br>buysellads</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cc-amex fa-lg mt-4"></i>
-                    <br>cc-amex</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cc-diners-club fa-lg mt-4"></i>
-                    <br>cc-diners-club</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cc-discover fa-lg mt-4"></i>
-                    <br>cc-discover</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cc-jcb fa-lg mt-4"></i>
-                    <br>cc-jcb</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cc-mastercard fa-lg mt-4"></i>
-                    <br>cc-mastercard</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cc-paypal fa-lg mt-4"></i>
-                    <br>cc-paypal</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cc-stripe fa-lg mt-4"></i>
-                    <br>cc-stripe</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-cc-visa fa-lg mt-4"></i>
-                    <br>cc-visa</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-chrome fa-lg mt-4"></i>
-                    <br>chrome</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-codepen fa-lg mt-4"></i>
-                    <br>codepen</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-codiepie fa-lg mt-4"></i>
-                    <br>codiepie</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-connectdevelop fa-lg mt-4"></i>
-                    <br>connectdevelop</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-contao fa-lg mt-4"></i>
-                    <br>contao</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-css3 fa-lg mt-4"></i>
-                    <br>css3</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-dashcube fa-lg mt-4"></i>
-                    <br>dashcube</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-delicious fa-lg mt-4"></i>
-                    <br>delicious</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-deviantart fa-lg mt-4"></i>
-                    <br>deviantart</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-digg fa-lg mt-4"></i>
-                    <br>digg</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-dribbble fa-lg mt-4"></i>
-                    <br>dribbble</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-dropbox fa-lg mt-4"></i>
-                    <br>dropbox</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-drupal fa-lg mt-4"></i>
-                    <br>drupal</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-edge fa-lg mt-4"></i>
-                    <br>edge</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-empire fa-lg mt-4"></i>
-                    <br>empire</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-expeditedssl fa-lg mt-4"></i>
-                    <br>expeditedssl</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-facebook fa-lg mt-4"></i>
-                    <br>facebook</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-facebook-f fa-lg mt-4"></i>
-                    <br>facebook-f
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-facebook-official fa-lg mt-4"></i>
-                    <br>facebook-official</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-facebook-square fa-lg mt-4"></i>
-                    <br>facebook-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-firefox fa-lg mt-4"></i>
-                    <br>firefox</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-flickr fa-lg mt-4"></i>
-                    <br>flickr</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-fonticons fa-lg mt-4"></i>
-                    <br>fonticons</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-fort-awesome fa-lg mt-4"></i>
-                    <br>fort-awesome</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-forumbee fa-lg mt-4"></i>
-                    <br>forumbee</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-foursquare fa-lg mt-4"></i>
-                    <br>foursquare</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-ge fa-lg mt-4"></i>
-                    <br>ge
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-get-pocket fa-lg mt-4"></i>
-                    <br>get-pocket</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-gg fa-lg mt-4"></i>
-                    <br>gg</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-gg-circle fa-lg mt-4"></i>
-                    <br>gg-circle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-git fa-lg mt-4"></i>
-                    <br>git</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-git-square fa-lg mt-4"></i>
-                    <br>git-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-github fa-lg mt-4"></i>
-                    <br>github</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-github-alt fa-lg mt-4"></i>
-                    <br>github-alt</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-github-square fa-lg mt-4"></i>
-                    <br>github-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-gittip fa-lg mt-4"></i>
-                    <br>gittip
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-google fa-lg mt-4"></i>
-                    <br>google</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-google-plus fa-lg mt-4"></i>
-                    <br>google-plus</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-google-plus-square fa-lg mt-4"></i>
-                    <br>google-plus-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-google-wallet fa-lg mt-4"></i>
-                    <br>google-wallet</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-gratipay fa-lg mt-4"></i>
-                    <br>gratipay</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hacker-news fa-lg mt-4"></i>
-                    <br>hacker-news</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-houzz fa-lg mt-4"></i>
-                    <br>houzz</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-html5 fa-lg mt-4"></i>
-                    <br>html5</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-instagram fa-lg mt-4"></i>
-                    <br>instagram</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-internet-explorer fa-lg mt-4"></i>
-                    <br>internet-explorer</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-ioxhost fa-lg mt-4"></i>
-                    <br>ioxhost</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-joomla fa-lg mt-4"></i>
-                    <br>joomla</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-jsfiddle fa-lg mt-4"></i>
-                    <br>jsfiddle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-lastfm fa-lg mt-4"></i>
-                    <br>lastfm</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-lastfm-square fa-lg mt-4"></i>
-                    <br>lastfm-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-leanpub fa-lg mt-4"></i>
-                    <br>leanpub</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-linkedin fa-lg mt-4"></i>
-                    <br>linkedin</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-linkedin-square fa-lg mt-4"></i>
-                    <br>linkedin-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-linux fa-lg mt-4"></i>
-                    <br>linux</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-maxcdn fa-lg mt-4"></i>
-                    <br>maxcdn</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-meanpath fa-lg mt-4"></i>
-                    <br>meanpath</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-medium fa-lg mt-4"></i>
-                    <br>medium</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-mixcloud fa-lg mt-4"></i>
-                    <br>mixcloud</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-modx fa-lg mt-4"></i>
-                    <br>modx</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-odnoklassniki fa-lg mt-4"></i>
-                    <br>odnoklassniki</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-odnoklassniki-square fa-lg mt-4"></i>
-                    <br>odnoklassniki-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-opencart fa-lg mt-4"></i>
-                    <br>opencart</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-openid fa-lg mt-4"></i>
-                    <br>openid</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-opera fa-lg mt-4"></i>
-                    <br>opera</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-optin-monster fa-lg mt-4"></i>
-                    <br>optin-monster</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-pagelines fa-lg mt-4"></i>
-                    <br>pagelines</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-paypal fa-lg mt-4"></i>
-                    <br>paypal</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-pied-piper fa-lg mt-4"></i>
-                    <br>pied-piper</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-pied-piper-alt fa-lg mt-4"></i>
-                    <br>pied-piper-alt</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-pinterest fa-lg mt-4"></i>
-                    <br>pinterest</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-pinterest-p fa-lg mt-4"></i>
-                    <br>pinterest-p</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-pinterest-square fa-lg mt-4"></i>
-                    <br>pinterest-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-product-hunt fa-lg mt-4"></i>
-                    <br>product-hunt</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-qq fa-lg mt-4"></i>
-                    <br>qq</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-ra fa-lg mt-4"></i>
-                    <br>ra
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-rebel fa-lg mt-4"></i>
-                    <br>rebel</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-reddit fa-lg mt-4"></i>
-                    <br>reddit</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-reddit-alien fa-lg mt-4"></i>
-                    <br>reddit-alien</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-reddit-square fa-lg mt-4"></i>
-                    <br>reddit-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-renren fa-lg mt-4"></i>
-                    <br>renren</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-safari fa-lg mt-4"></i>
-                    <br>safari</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-scribd fa-lg mt-4"></i>
-                    <br>scribd</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-sellsy fa-lg mt-4"></i>
-                    <br>sellsy</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-share-alt fa-lg mt-4"></i>
-                    <br>share-alt</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-share-alt-square fa-lg mt-4"></i>
-                    <br>share-alt-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-shirtsinbulk fa-lg mt-4"></i>
-                    <br>shirtsinbulk</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-simplybuilt fa-lg mt-4"></i>
-                    <br>simplybuilt</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-skyatlas fa-lg mt-4"></i>
-                    <br>skyatlas</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-skype fa-lg mt-4"></i>
-                    <br>skype</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-slack fa-lg mt-4"></i>
-                    <br>slack</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-slideshare fa-lg mt-4"></i>
-                    <br>slideshare</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-soundcloud fa-lg mt-4"></i>
-                    <br>soundcloud</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-spotify fa-lg mt-4"></i>
-                    <br>spotify</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-stack-exchange fa-lg mt-4"></i>
-                    <br>stack-exchange</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-stack-overflow fa-lg mt-4"></i>
-                    <br>stack-overflow</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-steam fa-lg mt-4"></i>
-                    <br>steam</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-steam-square fa-lg mt-4"></i>
-                    <br>steam-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-stumbleupon fa-lg mt-4"></i>
-                    <br>stumbleupon</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-stumbleupon-circle fa-lg mt-4"></i>
-                    <br>stumbleupon-circle</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-tencent-weibo fa-lg mt-4"></i>
-                    <br>tencent-weibo</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-trello fa-lg mt-4"></i>
-                    <br>trello</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-tripadvisor fa-lg mt-4"></i>
-                    <br>tripadvisor</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-tumblr fa-lg mt-4"></i>
-                    <br>tumblr</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-tumblr-square fa-lg mt-4"></i>
-                    <br>tumblr-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-twitch fa-lg mt-4"></i>
-                    <br>twitch</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-twitter fa-lg mt-4"></i>
-                    <br>twitter</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-twitter-square fa-lg mt-4"></i>
-                    <br>twitter-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-usb fa-lg mt-4"></i>
-                    <br>usb</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-viacoin fa-lg mt-4"></i>
-                    <br>viacoin</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-vimeo fa-lg mt-4"></i>
-                    <br>vimeo</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-vimeo-square fa-lg mt-4"></i>
-                    <br>vimeo-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-vine fa-lg mt-4"></i>
-                    <br>vine</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-vk fa-lg mt-4"></i>
-                    <br>vk</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-wechat fa-lg mt-4"></i>
-                    <br>wechat
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-weibo fa-lg mt-4"></i>
-                    <br>weibo</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-weixin fa-lg mt-4"></i>
-                    <br>weixin</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-whatsapp fa-lg mt-4"></i>
-                    <br>whatsapp</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-wikipedia-w fa-lg mt-4"></i>
-                    <br>wikipedia-w</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-windows fa-lg mt-4"></i>
-                    <br>windows</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-wordpress fa-lg mt-4"></i>
-                    <br>wordpress</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-xing fa-lg mt-4"></i>
-                    <br>xing</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-xing-square fa-lg mt-4"></i>
-                    <br>xing-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-y-combinator fa-lg mt-4"></i>
-                    <br>y-combinator</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-y-combinator-square fa-lg mt-4"></i>
-                    <br>y-combinator-square
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-yahoo fa-lg mt-4"></i>
-                    <br>yahoo</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-yc fa-lg mt-4"></i>
-                    <br>yc
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-yc-square fa-lg mt-4"></i>
-                    <br>yc-square
-                    <span class="text-muted">(alias)</span>
-                  </div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-yelp fa-lg mt-4"></i>
-                    <br>yelp</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-youtube fa-lg mt-4"></i>
-                    <br>youtube</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-youtube-play fa-lg mt-4"></i>
-                    <br>youtube-play</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-youtube-square fa-lg mt-4"></i>
-                    <br>youtube-square</div>
-                </div>
-                <div class="alert alert-success mt-4">
-                  <ul class="margin-bottom-none padding-left-lg">
-                    <li>All brand icons are trademarks of their respective owners.</li>
-                    <li>The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.</li>
-                    <li>Brand icons should only be used to represent the company or product to which they refer.</li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-            <div class="card" id="medical">
-              <div class="card-header">Medical Icons</div>
-              <div class="card-body">
-                <div class="row text-center">
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-ambulance fa-lg mt-4"></i>
-                    <br>ambulance</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-h-square fa-lg mt-4"></i>
-                    <br>h-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-heart fa-lg mt-4"></i>
-                    <br>heart</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-heart-o fa-lg mt-4"></i>
-                    <br>heart-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-heartbeat fa-lg mt-4"></i>
-                    <br>heartbeat</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-hospital-o fa-lg mt-4"></i>
-                    <br>hospital-o</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-medkit fa-lg mt-4"></i>
-                    <br>medkit</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-plus-square fa-lg mt-4"></i>
-                    <br>plus-square</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-stethoscope fa-lg mt-4"></i>
-                    <br>stethoscope</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-user-md fa-lg mt-4"></i>
-                    <br>user-md</div>
-                  <div class="col-6 col-sm-4 col-md-3 col-lg-2">
-                    <i class="fa fa-wheelchair fa-lg mt-4"></i>
-                    <br>wheelchair</div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </main>
-      <aside class="aside-menu">
-        <ul class="nav nav-tabs" role="tablist">
-          <li class="nav-item">
-            <a class="nav-link active" data-toggle="tab" href="#timeline" role="tab">
-              <i class="icon-list"></i>
-            </a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" data-toggle="tab" href="#messages" role="tab">
-              <i class="icon-speech"></i>
-            </a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" data-toggle="tab" href="#settings" role="tab">
-              <i class="icon-settings"></i>
-            </a>
-          </li>
-        </ul>
-        <!-- Tab panes-->
-        <div class="tab-content">
-          <div class="tab-pane active" id="timeline" role="tabpanel">
-            <div class="list-group list-group-accent">
-              <div class="list-group-item list-group-item-accent-secondary bg-light text-center font-weight-bold text-muted text-uppercase small">Today</div>
-              <div class="list-group-item list-group-item-accent-warning list-group-item-divider">
-                <div class="avatar float-right">
-                  <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                </div>
-                <div>Meeting with
-                  <strong>Lucas</strong>
-                </div>
-                <small class="text-muted mr-3">
-                  <i class="icon-calendar"></i>  1 - 3pm</small>
-                <small class="text-muted">
-                  <i class="icon-location-pin"></i>  Palo Alto, CA</small>
-              </div>
-              <div class="list-group-item list-group-item-accent-info">
-                <div class="avatar float-right">
-                  <img class="img-avatar" src="img/avatars/4.jpg" alt="admin@bootstrapmaster.com">
-                </div>
-                <div>Skype with
-                  <strong>Megan</strong>
-                </div>
-                <small class="text-muted mr-3">
-                  <i class="icon-calendar"></i>  4 - 5pm</small>
-                <small class="text-muted">
-                  <i class="icon-social-skype"></i>  On-line</small>
-              </div>
-              <div class="list-group-item list-group-item-accent-secondary bg-light text-center font-weight-bold text-muted text-uppercase small">Tomorrow</div>
-              <div class="list-group-item list-group-item-accent-danger list-group-item-divider">
-                <div>New UI Project -
-                  <strong>deadline</strong>
-                </div>
-                <small class="text-muted mr-3">
-                  <i class="icon-calendar"></i>  10 - 11pm</small>
-                <small class="text-muted">
-                  <i class="icon-home"></i>  creativeLabs HQ</small>
-                <div class="avatars-stack mt-2">
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/2.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/3.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/4.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/5.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/6.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                </div>
-              </div>
-              <div class="list-group-item list-group-item-accent-success list-group-item-divider">
-                <div>
-                  <strong>#10 Startups.Garden</strong> Meetup</div>
-                <small class="text-muted mr-3">
-                  <i class="icon-calendar"></i>  1 - 3pm</small>
-                <small class="text-muted">
-                  <i class="icon-location-pin"></i>  Palo Alto, CA</small>
-              </div>
-              <div class="list-group-item list-group-item-accent-primary list-group-item-divider">
-                <div>
-                  <strong>Team meeting</strong>
-                </div>
-                <small class="text-muted mr-3">
-                  <i class="icon-calendar"></i>  4 - 6pm</small>
-                <small class="text-muted">
-                  <i class="icon-home"></i>  creativeLabs HQ</small>
-                <div class="avatars-stack mt-2">
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/2.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/3.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/4.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/5.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/6.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/8.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="tab-pane p-3" id="messages" role="tabpanel">
-            <div class="message">
-              <div class="py-3 pb-5 mr-3 float-left">
-                <div class="avatar">
-                  <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                  <span class="avatar-status badge-success"></span>
-                </div>
-              </div>
-              <div>
-                <small class="text-muted">Lukasz Holeczek</small>
-                <small class="text-muted float-right mt-1">1:52 PM</small>
-              </div>
-              <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
-              <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
-            </div>
-            <hr>
-            <div class="message">
-              <div class="py-3 pb-5 mr-3 float-left">
-                <div class="avatar">
-                  <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                  <span class="avatar-status badge-success"></span>
-                </div>
-              </div>
-              <div>
-                <small class="text-muted">Lukasz Holeczek</small>
-                <small class="text-muted float-right mt-1">1:52 PM</small>
-              </div>
-              <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
-              <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
-            </div>
-            <hr>
-            <div class="message">
-              <div class="py-3 pb-5 mr-3 float-left">
-                <div class="avatar">
-                  <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                  <span class="avatar-status badge-success"></span>
-                </div>
-              </div>
-              <div>
-                <small class="text-muted">Lukasz Holeczek</small>
-                <small class="text-muted float-right mt-1">1:52 PM</small>
-              </div>
-              <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
-              <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
-            </div>
-            <hr>
-            <div class="message">
-              <div class="py-3 pb-5 mr-3 float-left">
-                <div class="avatar">
-                  <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                  <span class="avatar-status badge-success"></span>
-                </div>
-              </div>
-              <div>
-                <small class="text-muted">Lukasz Holeczek</small>
-                <small class="text-muted float-right mt-1">1:52 PM</small>
-              </div>
-              <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
-              <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
-            </div>
-            <hr>
-            <div class="message">
-              <div class="py-3 pb-5 mr-3 float-left">
-                <div class="avatar">
-                  <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                  <span class="avatar-status badge-success"></span>
-                </div>
-              </div>
-              <div>
-                <small class="text-muted">Lukasz Holeczek</small>
-                <small class="text-muted float-right mt-1">1:52 PM</small>
-              </div>
-              <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
-              <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
-            </div>
-          </div>
-          <div class="tab-pane p-3" id="settings" role="tabpanel">
-            <h6>Settings</h6>
-            <div class="aside-options">
-              <div class="clearfix mt-4">
-                <small>
-                  <b>Option 1</b>
-                </small>
-                <label class="switch switch-label switch-pill switch-success switch-sm float-right">
-                  <input class="switch-input" type="checkbox" checked="">
-                  <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
-                </label>
-              </div>
-              <div>
-                <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</small>
-              </div>
-            </div>
-            <div class="aside-options">
-              <div class="clearfix mt-3">
-                <small>
-                  <b>Option 2</b>
-                </small>
-                <label class="switch switch-label switch-pill switch-success switch-sm float-right">
-                  <input class="switch-input" type="checkbox">
-                  <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
-                </label>
-              </div>
-              <div>
-                <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</small>
-              </div>
-            </div>
-            <div class="aside-options">
-              <div class="clearfix mt-3">
-                <small>
-                  <b>Option 3</b>
-                </small>
-                <label class="switch switch-label switch-pill switch-success switch-sm float-right">
-                  <input class="switch-input" type="checkbox">
-                  <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
-                </label>
-              </div>
-            </div>
-            <div class="aside-options">
-              <div class="clearfix mt-3">
-                <small>
-                  <b>Option 4</b>
-                </small>
-                <label class="switch switch-label switch-pill switch-success switch-sm float-right">
-                  <input class="switch-input" type="checkbox" checked="">
-                  <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
-                </label>
-              </div>
-            </div>
-            <hr>
-            <h6>System Utilization</h6>
-            <div class="text-uppercase mb-1 mt-4">
-              <small>
-                <b>CPU Usage</b>
-              </small>
-            </div>
-            <div class="progress progress-xs">
-              <div class="progress-bar bg-info" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
-            </div>
-            <small class="text-muted">348 Processes. 1/4 Cores.</small>
-            <div class="text-uppercase mb-1 mt-2">
-              <small>
-                <b>Memory Usage</b>
-              </small>
-            </div>
-            <div class="progress progress-xs">
-              <div class="progress-bar bg-warning" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
-            </div>
-            <small class="text-muted">11444GB/16384MB</small>
-            <div class="text-uppercase mb-1 mt-2">
-              <small>
-                <b>SSD 1 Usage</b>
-              </small>
-            </div>
-            <div class="progress progress-xs">
-              <div class="progress-bar bg-danger" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
-            </div>
-            <small class="text-muted">243GB/256GB</small>
-            <div class="text-uppercase mb-1 mt-2">
-              <small>
-                <b>SSD 2 Usage</b>
-              </small>
-            </div>
-            <div class="progress progress-xs">
-              <div class="progress-bar bg-success" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
-            </div>
-            <small class="text-muted">25GB/256GB</small>
-          </div>
-        </div>
-      </aside>
-    </div>
-    <footer class="app-footer">
-      <div>
-        <a href="https://coreui.io">CoreUI</a>
-        <span>&copy; 2018 creativeLabs.</span>
-      </div>
-      <div class="ml-auto">
-        <span>Powered by</span>
-        <a href="https://coreui.io">CoreUI</a>
-      </div>
-    </footer>
-    <!-- CoreUI and necessary plugins-->
-    <script src="node_modules/jquery/dist/jquery.min.js"></script>
-    <script src="node_modules/popper.js/dist/umd/popper.min.js"></script>
-    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
-    <script src="node_modules/pace-progress/pace.min.js"></script>
-    <script src="node_modules/perfect-scrollbar/dist/perfect-scrollbar.min.js"></script>
-    <script src="node_modules/@coreui/coreui/dist/js/coreui.min.js"></script>
-  </body>
-</html>
diff --git a/panoptes/static/src/icons/simple-line-icons.html b/panoptes/static/src/icons/simple-line-icons.html
deleted file mode 100644
index b18062b..0000000
--- a/panoptes/static/src/icons/simple-line-icons.html
+++ /dev/null
@@ -1,1046 +0,0 @@
-<!DOCTYPE html>
-<!--
-* CoreUI - Free Bootstrap Admin Template
-* @version v2.1.15
-* @link https://coreui.io
-* Copyright (c) 2018 creativeLabs Łukasz Holeczek
-* Licensed under MIT (https://coreui.io/license)
--->
-
-<html lang="en">
-  <head>
-    <base href="./../">
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <meta name="description" content="CoreUI - Open Source Bootstrap Admin Template">
-    <meta name="author" content="Łukasz Holeczek">
-    <meta name="keyword" content="Bootstrap,Admin,Template,Open,Source,jQuery,CSS,HTML,RWD,Dashboard">
-    <title>CoreUI Free Bootstrap Admin Template</title>
-    <!-- Icons-->
-    <link href="node_modules/@coreui/icons/css/coreui-icons.min.css" rel="stylesheet">
-    <link href="node_modules/flag-icon-css/css/flag-icon.min.css" rel="stylesheet">
-    <link href="node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet">
-    <link href="node_modules/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">
-    <!-- Main styles for this application-->
-    <link href="css/style.css" rel="stylesheet">
-    <link href="vendors/pace-progress/css/pace.min.css" rel="stylesheet">
-    <!-- Global site tag (gtag.js) - Google Analytics-->
-    <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-118965717-3"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-
-      function gtag() {
-        dataLayer.push(arguments);
-      }
-      gtag('js', new Date());
-      // Shared ID
-      gtag('config', 'UA-118965717-3');
-      // Bootstrap ID
-      gtag('config', 'UA-118965717-5');
-    </script>
-  </head>
-  <body class="app header-fixed sidebar-fixed aside-menu-fixed sidebar-lg-show">
-    <header class="app-header navbar">
-      <button class="navbar-toggler sidebar-toggler d-lg-none mr-auto" type="button" data-toggle="sidebar-show">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-      <a class="navbar-brand" href="#">
-        <img class="navbar-brand-full" src="img/brand/logo.svg" width="89" height="25" alt="CoreUI Logo">
-        <img class="navbar-brand-minimized" src="img/brand/sygnet.svg" width="30" height="30" alt="CoreUI Logo">
-      </a>
-      <button class="navbar-toggler sidebar-toggler d-md-down-none" type="button" data-toggle="sidebar-lg-show">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-      <ul class="nav navbar-nav d-md-down-none">
-        <li class="nav-item px-3">
-          <a class="nav-link" href="#">Dashboard</a>
-        </li>
-        <li class="nav-item px-3">
-          <a class="nav-link" href="#">Users</a>
-        </li>
-        <li class="nav-item px-3">
-          <a class="nav-link" href="#">Settings</a>
-        </li>
-      </ul>
-      <ul class="nav navbar-nav ml-auto">
-        <li class="nav-item d-md-down-none">
-          <a class="nav-link" href="#">
-            <i class="icon-bell"></i>
-            <span class="badge badge-pill badge-danger">5</span>
-          </a>
-        </li>
-        <li class="nav-item d-md-down-none">
-          <a class="nav-link" href="#">
-            <i class="icon-list"></i>
-          </a>
-        </li>
-        <li class="nav-item d-md-down-none">
-          <a class="nav-link" href="#">
-            <i class="icon-location-pin"></i>
-          </a>
-        </li>
-        <li class="nav-item dropdown">
-          <a class="nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
-            <img class="img-avatar" src="img/avatars/6.jpg" alt="admin@bootstrapmaster.com">
-          </a>
-          <div class="dropdown-menu dropdown-menu-right">
-            <div class="dropdown-header text-center">
-              <strong>Account</strong>
-            </div>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-bell-o"></i> Updates
-              <span class="badge badge-info">42</span>
-            </a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-envelope-o"></i> Messages
-              <span class="badge badge-success">42</span>
-            </a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-tasks"></i> Tasks
-              <span class="badge badge-danger">42</span>
-            </a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-comments"></i> Comments
-              <span class="badge badge-warning">42</span>
-            </a>
-            <div class="dropdown-header text-center">
-              <strong>Settings</strong>
-            </div>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-user"></i> Profile</a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-wrench"></i> Settings</a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-usd"></i> Payments
-              <span class="badge badge-secondary">42</span>
-            </a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-file"></i> Projects
-              <span class="badge badge-primary">42</span>
-            </a>
-            <div class="dropdown-divider"></div>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-shield"></i> Lock Account</a>
-            <a class="dropdown-item" href="#">
-              <i class="fa fa-lock"></i> Logout</a>
-          </div>
-        </li>
-      </ul>
-      <button class="navbar-toggler aside-menu-toggler d-md-down-none" type="button" data-toggle="aside-menu-lg-show">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-      <button class="navbar-toggler aside-menu-toggler d-lg-none" type="button" data-toggle="aside-menu-show">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-    </header>
-    <div class="app-body">
-      <div class="sidebar">
-        <nav class="sidebar-nav">
-          <ul class="nav">
-            <li class="nav-item">
-              <a class="nav-link" href="index.html">
-                <i class="nav-icon icon-speedometer"></i> Dashboard
-                <span class="badge badge-primary">NEW</span>
-              </a>
-            </li>
-            <li class="nav-title">Theme</li>
-            <li class="nav-item">
-              <a class="nav-link" href="colors.html">
-                <i class="nav-icon icon-drop"></i> Colors</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="typography.html">
-                <i class="nav-icon icon-pencil"></i> Typography</a>
-            </li>
-            <li class="nav-title">Components</li>
-            <li class="nav-item nav-dropdown">
-              <a class="nav-link nav-dropdown-toggle" href="#">
-                <i class="nav-icon icon-puzzle"></i> Base</a>
-              <ul class="nav-dropdown-items">
-                <li class="nav-item">
-                  <a class="nav-link" href="base/breadcrumb.html">
-                    <i class="nav-icon icon-puzzle"></i> Breadcrumb</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/cards.html">
-                    <i class="nav-icon icon-puzzle"></i> Cards</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/carousel.html">
-                    <i class="nav-icon icon-puzzle"></i> Carousel</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/collapse.html">
-                    <i class="nav-icon icon-puzzle"></i> Collapse</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/forms.html">
-                    <i class="nav-icon icon-puzzle"></i> Forms</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/jumbotron.html">
-                    <i class="nav-icon icon-puzzle"></i> Jumbotron</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/list-group.html">
-                    <i class="nav-icon icon-puzzle"></i> List group</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/navs.html">
-                    <i class="nav-icon icon-puzzle"></i> Navs</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/pagination.html">
-                    <i class="nav-icon icon-puzzle"></i> Pagination</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/popovers.html">
-                    <i class="nav-icon icon-puzzle"></i> Popovers</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/progress.html">
-                    <i class="nav-icon icon-puzzle"></i> Progress</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/scrollspy.html">
-                    <i class="nav-icon icon-puzzle"></i> Scrollspy</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/switches.html">
-                    <i class="nav-icon icon-puzzle"></i> Switches</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/tables.html">
-                    <i class="nav-icon icon-puzzle"></i> Tables</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/tabs.html">
-                    <i class="nav-icon icon-puzzle"></i> Tabs</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="base/tooltips.html">
-                    <i class="nav-icon icon-puzzle"></i> Tooltips</a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item nav-dropdown">
-              <a class="nav-link nav-dropdown-toggle" href="#">
-                <i class="nav-icon icon-cursor"></i> Buttons</a>
-              <ul class="nav-dropdown-items">
-                <li class="nav-item">
-                  <a class="nav-link" href="buttons/buttons.html">
-                    <i class="nav-icon icon-cursor"></i> Buttons</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="buttons/button-group.html">
-                    <i class="nav-icon icon-cursor"></i> Buttons Group</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="buttons/dropdowns.html">
-                    <i class="nav-icon icon-cursor"></i> Dropdowns</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="buttons/brand-buttons.html">
-                    <i class="nav-icon icon-cursor"></i> Brand Buttons</a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="charts.html">
-                <i class="nav-icon icon-pie-chart"></i> Charts</a>
-            </li>
-            <li class="nav-item nav-dropdown">
-              <a class="nav-link nav-dropdown-toggle" href="#">
-                <i class="nav-icon icon-star"></i> Icons</a>
-              <ul class="nav-dropdown-items">
-                <li class="nav-item">
-                  <a class="nav-link" href="icons/coreui-icons.html">
-                    <i class="nav-icon icon-star"></i> CoreUI Icons
-                    <span class="badge badge-success">NEW</span>
-                  </a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="icons/flags.html">
-                    <i class="nav-icon icon-star"></i> Flags</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="icons/font-awesome.html">
-                    <i class="nav-icon icon-star"></i> Font Awesome
-                    <span class="badge badge-secondary">4.7</span>
-                  </a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="icons/simple-line-icons.html">
-                    <i class="nav-icon icon-star"></i> Simple Line Icons</a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item nav-dropdown">
-              <a class="nav-link nav-dropdown-toggle" href="#">
-                <i class="nav-icon icon-bell"></i> Notifications</a>
-              <ul class="nav-dropdown-items">
-                <li class="nav-item">
-                  <a class="nav-link" href="notifications/alerts.html">
-                    <i class="nav-icon icon-bell"></i> Alerts</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="notifications/badge.html">
-                    <i class="nav-icon icon-bell"></i> Badge</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="notifications/modals.html">
-                    <i class="nav-icon icon-bell"></i> Modals</a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="widgets.html">
-                <i class="nav-icon icon-calculator"></i> Widgets
-                <span class="badge badge-primary">NEW</span>
-              </a>
-            </li>
-            <li class="divider"></li>
-            <li class="nav-title">Extras</li>
-            <li class="nav-item nav-dropdown">
-              <a class="nav-link nav-dropdown-toggle" href="#">
-                <i class="nav-icon icon-star"></i> Pages</a>
-              <ul class="nav-dropdown-items">
-                <li class="nav-item">
-                  <a class="nav-link" href="login.html" target="_top">
-                    <i class="nav-icon icon-star"></i> Login</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="register.html" target="_top">
-                    <i class="nav-icon icon-star"></i> Register</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="404.html" target="_top">
-                    <i class="nav-icon icon-star"></i> Error 404</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="500.html" target="_top">
-                    <i class="nav-icon icon-star"></i> Error 500</a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item mt-auto">
-              <a class="nav-link nav-link-success" href="https://coreui.io" target="_top">
-                <i class="nav-icon icon-cloud-download"></i> Download CoreUI</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link nav-link-danger" href="https://coreui.io/pro/" target="_top">
-                <i class="nav-icon icon-layers"></i> Try CoreUI
-                <strong>PRO</strong>
-              </a>
-            </li>
-          </ul>
-        </nav>
-        <button class="sidebar-minimizer brand-minimizer" type="button"></button>
-      </div>
-      <main class="main">
-        <!-- Breadcrumb-->
-        <ol class="breadcrumb">
-          <li class="breadcrumb-item">Home</li>
-          <li class="breadcrumb-item">
-            <a href="#">Admin</a>
-          </li>
-          <li class="breadcrumb-item active">Dashboard</li>
-          <!-- Breadcrumb Menu-->
-          <li class="breadcrumb-menu d-md-down-none">
-            <div class="btn-group" role="group" aria-label="Button group">
-              <a class="btn" href="#">
-                <i class="icon-speech"></i>
-              </a>
-              <a class="btn" href="./">
-                <i class="icon-graph"></i>  Dashboard</a>
-              <a class="btn" href="#">
-                <i class="icon-settings"></i>  Settings</a>
-            </div>
-          </li>
-        </ol>
-        <div class="container-fluid">
-          <div class="animated fadeIn">
-            <div class="card card-default">
-              <div class="card-header">
-                <i class="fa fa-picture-o"></i> Simple Line Icons</div>
-              <div class="card-body">
-                <div class="row text-center">
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-user icons font-2xl d-block mt-4"></i>icon-user</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-people icons font-2xl d-block mt-4"></i>icon-people</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-user-female icons font-2xl d-block mt-4"></i>icon-user-female</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-user-follow icons font-2xl d-block mt-4"></i>icon-user-follow</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-user-following icons font-2xl d-block mt-4"></i>icon-user-following</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-user-unfollow icons font-2xl d-block mt-4"></i>icon-user-unfollow</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-login icons font-2xl d-block mt-4"></i>icon-login</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-logout icons font-2xl d-block mt-4"></i>icon-logout</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-emotsmile icons font-2xl d-block mt-4"></i>icon-emotsmile</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-phone icons font-2xl d-block mt-4"></i>icon-phone</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-call-end icons font-2xl d-block mt-4"></i>icon-call-end</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-call-in icons font-2xl d-block mt-4"></i>icon-call-in</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-call-out icons font-2xl d-block mt-4"></i>icon-call-out</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-map icons font-2xl d-block mt-4"></i>icon-map</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-location-pin icons font-2xl d-block mt-4"></i>icon-location-pin</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-direction icons font-2xl d-block mt-4"></i>icon-direction</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-directions icons font-2xl d-block mt-4"></i>icon-directions</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-compass icons font-2xl d-block mt-4"></i>icon-compass</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-layers icons font-2xl d-block mt-4"></i>icon-layers</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-menu icons font-2xl d-block mt-4"></i>icon-menu</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-list icons font-2xl d-block mt-4"></i>icon-list</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-options-vertical icons font-2xl d-block mt-4"></i>icon-options-vertical</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-options icons font-2xl d-block mt-4"></i>icon-options</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-arrow-down icons font-2xl d-block mt-4"></i>icon-arrow-down</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-arrow-left icons font-2xl d-block mt-4"></i>icon-arrow-left</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-arrow-right icons font-2xl d-block mt-4"></i>icon-arrow-right</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-arrow-up icons font-2xl d-block mt-4"></i>icon-arrow-up</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-arrow-up-circle icons font-2xl d-block mt-4"></i>icon-arrow-up-circle</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-arrow-left-circle icons font-2xl d-block mt-4"></i>icon-arrow-left-circle</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-arrow-right-circle icons font-2xl d-block mt-4"></i>icon-arrow-right-circle</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-arrow-down-circle icons font-2xl d-block mt-4"></i>icon-arrow-down-circle</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-check icons font-2xl d-block mt-4"></i>icon-check</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-clock icons font-2xl d-block mt-4"></i>icon-clock</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-plus icons font-2xl d-block mt-4"></i>icon-plus</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-close icons font-2xl d-block mt-4"></i>icon-close</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-trophy icons font-2xl d-block mt-4"></i>icon-trophy</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-screen-smartphone icons font-2xl d-block mt-4"></i>icon-screen-smartphone</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-screen-desktop icons font-2xl d-block mt-4"></i>icon-screen-desktop</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-plane icons font-2xl d-block mt-4"></i>icon-plane</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-notebook icons font-2xl d-block mt-4"></i>icon-notebook</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-mustache icons font-2xl d-block mt-4"></i>icon-mustache</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-mouse icons font-2xl d-block mt-4"></i>icon-mouse</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-magnet icons font-2xl d-block mt-4"></i>icon-magnet</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-energy icons font-2xl d-block mt-4"></i>icon-energy</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-disc icons font-2xl d-block mt-4"></i>icon-disc</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-cursor icons font-2xl d-block mt-4"></i>icon-cursor</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-cursor-move icons font-2xl d-block mt-4"></i>icon-cursor-move</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-crop icons font-2xl d-block mt-4"></i>icon-crop</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-chemistry icons font-2xl d-block mt-4"></i>icon-chemistry</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-speedometer icons font-2xl d-block mt-4"></i>icon-speedometer</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-shield icons font-2xl d-block mt-4"></i>icon-shield</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-screen-tablet icons font-2xl d-block mt-4"></i>icon-screen-tablet</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-magic-wand icons font-2xl d-block mt-4"></i>icon-magic-wand</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-hourglass icons font-2xl d-block mt-4"></i>icon-hourglass</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-graduation icons font-2xl d-block mt-4"></i>icon-graduation</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-ghost icons font-2xl d-block mt-4"></i>icon-ghost</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-game-controller icons font-2xl d-block mt-4"></i>icon-game-controller</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-fire icons font-2xl d-block mt-4"></i>icon-fire</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-eyeglass icons font-2xl d-block mt-4"></i>icon-eyeglass</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-envelope-open icons font-2xl d-block mt-4"></i>icon-envelope-open</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-envelope-letter icons font-2xl d-block mt-4"></i>icon-envelope-letter</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-bell icons font-2xl d-block mt-4"></i>icon-bell</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-badge icons font-2xl d-block mt-4"></i>icon-badge</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-anchor icons font-2xl d-block mt-4"></i>icon-anchor</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-wallet icons font-2xl d-block mt-4"></i>icon-wallet</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-vector icons font-2xl d-block mt-4"></i>icon-vector</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-speech icons font-2xl d-block mt-4"></i>icon-speech</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-puzzle icons font-2xl d-block mt-4"></i>icon-puzzle</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-printer icons font-2xl d-block mt-4"></i>icon-printer</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-present icons font-2xl d-block mt-4"></i>icon-present</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-playlist icons font-2xl d-block mt-4"></i>icon-playlist</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-pin icons font-2xl d-block mt-4"></i>icon-pin</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-picture icons font-2xl d-block mt-4"></i>icon-picture</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-handbag icons font-2xl d-block mt-4"></i>icon-handbag</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-globe-alt icons font-2xl d-block mt-4"></i>icon-globe-alt</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-globe icons font-2xl d-block mt-4"></i>icon-globe</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-folder-alt icons font-2xl d-block mt-4"></i>icon-folder-alt</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-folder icons font-2xl d-block mt-4"></i>icon-folder</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-film icons font-2xl d-block mt-4"></i>icon-film</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-feed icons font-2xl d-block mt-4"></i>icon-feed</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-drop icons font-2xl d-block mt-4"></i>icon-drop</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-drawer icons font-2xl d-block mt-4"></i>icon-drawer</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-docs icons font-2xl d-block mt-4"></i>icon-docs</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-doc icons font-2xl d-block mt-4"></i>icon-doc</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-diamond icons font-2xl d-block mt-4"></i>icon-diamond</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-cup icons font-2xl d-block mt-4"></i>icon-cup</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-calculator icons font-2xl d-block mt-4"></i>icon-calculator</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-bubbles icons font-2xl d-block mt-4"></i>icon-bubbles</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-briefcase icons font-2xl d-block mt-4"></i>icon-briefcase</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-book-open icons font-2xl d-block mt-4"></i>icon-book-open</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-basket-loaded icons font-2xl d-block mt-4"></i>icon-basket-loaded</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-basket icons font-2xl d-block mt-4"></i>icon-basket</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-bag icons font-2xl d-block mt-4"></i>icon-bag</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-action-undo icons font-2xl d-block mt-4"></i>icon-action-undo</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-action-redo icons font-2xl d-block mt-4"></i>icon-action-redo</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-wrench icons font-2xl d-block mt-4"></i>icon-wrench</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-umbrella icons font-2xl d-block mt-4"></i>icon-umbrella</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-trash icons font-2xl d-block mt-4"></i>icon-trash</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-tag icons font-2xl d-block mt-4"></i>icon-tag</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-support icons font-2xl d-block mt-4"></i>icon-support</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-frame icons font-2xl d-block mt-4"></i>icon-frame</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-size-fullscreen icons font-2xl d-block mt-4"></i>icon-size-fullscreen</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-size-actual icons font-2xl d-block mt-4"></i>icon-size-actual</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-shuffle icons font-2xl d-block mt-4"></i>icon-shuffle</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-share-alt icons font-2xl d-block mt-4"></i>icon-share-alt</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-share icons font-2xl d-block mt-4"></i>icon-share</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-rocket icons font-2xl d-block mt-4"></i>icon-rocket</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-question icons font-2xl d-block mt-4"></i>icon-question</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-pie-chart icons font-2xl d-block mt-4"></i>icon-pie-chart</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-pencil icons font-2xl d-block mt-4"></i>icon-pencil</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-note icons font-2xl d-block mt-4"></i>icon-note</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-loop icons font-2xl d-block mt-4"></i>icon-loop</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-home icons font-2xl d-block mt-4"></i>icon-home</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-grid icons font-2xl d-block mt-4"></i>icon-grid</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-graph icons font-2xl d-block mt-4"></i>icon-graph</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-microphone icons font-2xl d-block mt-4"></i>icon-microphone</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-music-tone-alt icons font-2xl d-block mt-4"></i>icon-music-tone-alt</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-music-tone icons font-2xl d-block mt-4"></i>icon-music-tone</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-earphones-alt icons font-2xl d-block mt-4"></i>icon-earphones-alt</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-earphones icons font-2xl d-block mt-4"></i>icon-earphones</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-equalizer icons font-2xl d-block mt-4"></i>icon-equalizer</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-like icons font-2xl d-block mt-4"></i>icon-like</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-dislike icons font-2xl d-block mt-4"></i>icon-dislike</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-control-start icons font-2xl d-block mt-4"></i>icon-control-start</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-control-rewind icons font-2xl d-block mt-4"></i>icon-control-rewind</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-control-play icons font-2xl d-block mt-4"></i>icon-control-play</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-control-pause icons font-2xl d-block mt-4"></i>icon-control-pause</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-control-forward icons font-2xl d-block mt-4"></i>icon-control-forward</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-control-end icons font-2xl d-block mt-4"></i>icon-control-end</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-volume-1 icons font-2xl d-block mt-4"></i>icon-volume-1</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-volume-2 icons font-2xl d-block mt-4"></i>icon-volume-2</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-volume-off icons font-2xl d-block mt-4"></i>icon-volume-off</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-calendar icons font-2xl d-block mt-4"></i>icon-calendar</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-bulb icons font-2xl d-block mt-4"></i>icon-bulb</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-chart icons font-2xl d-block mt-4"></i>icon-chart</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-ban icons font-2xl d-block mt-4"></i>icon-ban</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-bubble icons font-2xl d-block mt-4"></i>icon-bubble</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-camrecorder icons font-2xl d-block mt-4"></i>icon-camrecorder</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-camera icons font-2xl d-block mt-4"></i>icon-camera</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-cloud-download icons font-2xl d-block mt-4"></i>icon-cloud-download</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-cloud-upload icons font-2xl d-block mt-4"></i>icon-cloud-upload</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-envelope icons font-2xl d-block mt-4"></i>icon-envelope</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-eye icons font-2xl d-block mt-4"></i>icon-eye</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-flag icons font-2xl d-block mt-4"></i>icon-flag</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-heart icons font-2xl d-block mt-4"></i>icon-heart</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-info icons font-2xl d-block mt-4"></i>icon-info</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-key icons font-2xl d-block mt-4"></i>icon-key</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-link icons font-2xl d-block mt-4"></i>icon-link</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-lock icons font-2xl d-block mt-4"></i>icon-lock</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-lock-open icons font-2xl d-block mt-4"></i>icon-lock-open</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-magnifier icons font-2xl d-block mt-4"></i>icon-magnifier</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-magnifier-add icons font-2xl d-block mt-4"></i>icon-magnifier-add</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-magnifier-remove icons font-2xl d-block mt-4"></i>icon-magnifier-remove</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-paper-clip icons font-2xl d-block mt-4"></i>icon-paper-clip</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-paper-plane icons font-2xl d-block mt-4"></i>icon-paper-plane</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-power icons font-2xl d-block mt-4"></i>icon-power</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-refresh icons font-2xl d-block mt-4"></i>icon-refresh</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-reload icons font-2xl d-block mt-4"></i>icon-reload</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-settings icons font-2xl d-block mt-4"></i>icon-settings</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-star icons font-2xl d-block mt-4"></i>icon-star</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-symbol-female icons font-2xl d-block mt-4"></i>icon-symbol-female</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-symbol-male icons font-2xl d-block mt-4"></i>icon-symbol-male</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-target icons font-2xl d-block mt-4"></i>icon-target</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-credit-card icons font-2xl d-block mt-4"></i>icon-credit-card</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-paypal icons font-2xl d-block mt-4"></i>icon-paypal</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-social-tumblr icons font-2xl d-block mt-4"></i>icon-social-tumblr</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-social-twitter icons font-2xl d-block mt-4"></i>icon-social-twitter</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-social-facebook icons font-2xl d-block mt-4"></i>icon-social-facebook</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-social-instagram icons font-2xl d-block mt-4"></i>icon-social-instagram</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-social-linkedin icons font-2xl d-block mt-4"></i>icon-social-linkedin</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-social-pinterest icons font-2xl d-block mt-4"></i>icon-social-pinterest</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-social-github icons font-2xl d-block mt-4"></i>icon-social-github</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-social-gplus icons font-2xl d-block mt-4"></i>icon-social-gplus</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-social-reddit icons font-2xl d-block mt-4"></i>icon-social-reddit</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-social-skype icons font-2xl d-block mt-4"></i>icon-social-skype</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-social-dribbble icons font-2xl d-block mt-4"></i>icon-social-dribbble</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-social-behance icons font-2xl d-block mt-4"></i>icon-social-behance</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-social-foursqare icons font-2xl d-block mt-4"></i>icon-social-foursqare</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-social-soundcloud icons font-2xl d-block mt-4"></i>icon-social-soundcloud</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-social-spotify icons font-2xl d-block mt-4"></i>icon-social-spotify</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-social-stumbleupon icons font-2xl d-block mt-4"></i>icon-social-stumbleupon</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-social-youtube icons font-2xl d-block mt-4"></i>icon-social-youtube</div>
-                  <div class="col-6 col-sm-4 col-md-3">
-                    <i class="icon-social-dropbox icons font-2xl d-block mt-4"></i>icon-social-dropbox</div>
-                </div>
-                <!-- /.row-->
-              </div>
-            </div>
-          </div>
-        </div>
-      </main>
-      <aside class="aside-menu">
-        <ul class="nav nav-tabs" role="tablist">
-          <li class="nav-item">
-            <a class="nav-link active" data-toggle="tab" href="#timeline" role="tab">
-              <i class="icon-list"></i>
-            </a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" data-toggle="tab" href="#messages" role="tab">
-              <i class="icon-speech"></i>
-            </a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" data-toggle="tab" href="#settings" role="tab">
-              <i class="icon-settings"></i>
-            </a>
-          </li>
-        </ul>
-        <!-- Tab panes-->
-        <div class="tab-content">
-          <div class="tab-pane active" id="timeline" role="tabpanel">
-            <div class="list-group list-group-accent">
-              <div class="list-group-item list-group-item-accent-secondary bg-light text-center font-weight-bold text-muted text-uppercase small">Today</div>
-              <div class="list-group-item list-group-item-accent-warning list-group-item-divider">
-                <div class="avatar float-right">
-                  <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                </div>
-                <div>Meeting with
-                  <strong>Lucas</strong>
-                </div>
-                <small class="text-muted mr-3">
-                  <i class="icon-calendar"></i>  1 - 3pm</small>
-                <small class="text-muted">
-                  <i class="icon-location-pin"></i>  Palo Alto, CA</small>
-              </div>
-              <div class="list-group-item list-group-item-accent-info">
-                <div class="avatar float-right">
-                  <img class="img-avatar" src="img/avatars/4.jpg" alt="admin@bootstrapmaster.com">
-                </div>
-                <div>Skype with
-                  <strong>Megan</strong>
-                </div>
-                <small class="text-muted mr-3">
-                  <i class="icon-calendar"></i>  4 - 5pm</small>
-                <small class="text-muted">
-                  <i class="icon-social-skype"></i>  On-line</small>
-              </div>
-              <div class="list-group-item list-group-item-accent-secondary bg-light text-center font-weight-bold text-muted text-uppercase small">Tomorrow</div>
-              <div class="list-group-item list-group-item-accent-danger list-group-item-divider">
-                <div>New UI Project -
-                  <strong>deadline</strong>
-                </div>
-                <small class="text-muted mr-3">
-                  <i class="icon-calendar"></i>  10 - 11pm</small>
-                <small class="text-muted">
-                  <i class="icon-home"></i>  creativeLabs HQ</small>
-                <div class="avatars-stack mt-2">
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/2.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/3.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/4.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/5.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/6.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                </div>
-              </div>
-              <div class="list-group-item list-group-item-accent-success list-group-item-divider">
-                <div>
-                  <strong>#10 Startups.Garden</strong> Meetup</div>
-                <small class="text-muted mr-3">
-                  <i class="icon-calendar"></i>  1 - 3pm</small>
-                <small class="text-muted">
-                  <i class="icon-location-pin"></i>  Palo Alto, CA</small>
-              </div>
-              <div class="list-group-item list-group-item-accent-primary list-group-item-divider">
-                <div>
-                  <strong>Team meeting</strong>
-                </div>
-                <small class="text-muted mr-3">
-                  <i class="icon-calendar"></i>  4 - 6pm</small>
-                <small class="text-muted">
-                  <i class="icon-home"></i>  creativeLabs HQ</small>
-                <div class="avatars-stack mt-2">
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/2.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/3.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/4.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/5.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/6.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img class="img-avatar" src="img/avatars/8.jpg" alt="admin@bootstrapmaster.com">
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="tab-pane p-3" id="messages" role="tabpanel">
-            <div class="message">
-              <div class="py-3 pb-5 mr-3 float-left">
-                <div class="avatar">
-                  <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                  <span class="avatar-status badge-success"></span>
-                </div>
-              </div>
-              <div>
-                <small class="text-muted">Lukasz Holeczek</small>
-                <small class="text-muted float-right mt-1">1:52 PM</small>
-              </div>
-              <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
-              <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
-            </div>
-            <hr>
-            <div class="message">
-              <div class="py-3 pb-5 mr-3 float-left">
-                <div class="avatar">
-                  <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                  <span class="avatar-status badge-success"></span>
-                </div>
-              </div>
-              <div>
-                <small class="text-muted">Lukasz Holeczek</small>
-                <small class="text-muted float-right mt-1">1:52 PM</small>
-              </div>
-              <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
-              <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
-            </div>
-            <hr>
-            <div class="message">
-              <div class="py-3 pb-5 mr-3 float-left">
-                <div class="avatar">
-                  <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                  <span class="avatar-status badge-success"></span>
-                </div>
-              </div>
-              <div>
-                <small class="text-muted">Lukasz Holeczek</small>
-                <small class="text-muted float-right mt-1">1:52 PM</small>
-              </div>
-              <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
-              <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
-            </div>
-            <hr>
-            <div class="message">
-              <div class="py-3 pb-5 mr-3 float-left">
-                <div class="avatar">
-                  <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                  <span class="avatar-status badge-success"></span>
-                </div>
-              </div>
-              <div>
-                <small class="text-muted">Lukasz Holeczek</small>
-                <small class="text-muted float-right mt-1">1:52 PM</small>
-              </div>
-              <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
-              <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
-            </div>
-            <hr>
-            <div class="message">
-              <div class="py-3 pb-5 mr-3 float-left">
-                <div class="avatar">
-                  <img class="img-avatar" src="img/avatars/7.jpg" alt="admin@bootstrapmaster.com">
-                  <span class="avatar-status badge-success"></span>
-                </div>
-              </div>
-              <div>
-                <small class="text-muted">Lukasz Holeczek</small>
-                <small class="text-muted float-right mt-1">1:52 PM</small>
-              </div>
-              <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
-              <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
-            </div>
-          </div>
-          <div class="tab-pane p-3" id="settings" role="tabpanel">
-            <h6>Settings</h6>
-            <div class="aside-options">
-              <div class="clearfix mt-4">
-                <small>
-                  <b>Option 1</b>
-                </small>
-                <label class="switch switch-label switch-pill switch-success switch-sm float-right">
-                  <input class="switch-input" type="checkbox" checked="">
-                  <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
-                </label>
-              </div>
-              <div>
-                <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</small>
-              </div>
-            </div>
-            <div class="aside-options">
-              <div class="clearfix mt-3">
-                <small>
-                  <b>Option 2</b>
-                </small>
-                <label class="switch switch-label switch-pill switch-success switch-sm float-right">
-                  <input class="switch-input" type="checkbox">
-                  <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
-                </label>
-              </div>
-              <div>
-                <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</small>
-              </div>
-            </div>
-            <div class="aside-options">
-              <div class="clearfix mt-3">
-                <small>
-                  <b>Option 3</b>
-                </small>
-                <label class="switch switch-label switch-pill switch-success switch-sm float-right">
-                  <input class="switch-input" type="checkbox">
-                  <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
-                </label>
-              </div>
-            </div>
-            <div class="aside-options">
-              <div class="clearfix mt-3">
-                <small>
-                  <b>Option 4</b>
-                </small>
-                <label class="switch switch-label switch-pill switch-success switch-sm float-right">
-                  <input class="switch-input" type="checkbox" checked="">
-                  <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
-                </label>
-              </div>
-            </div>
-            <hr>
-            <h6>System Utilization</h6>
-            <div class="text-uppercase mb-1 mt-4">
-              <small>
-                <b>CPU Usage</b>
-              </small>
-            </div>
-            <div class="progress progress-xs">
-              <div class="progress-bar bg-info" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
-            </div>
-            <small class="text-muted">348 Processes. 1/4 Cores.</small>
-            <div class="text-uppercase mb-1 mt-2">
-              <small>
-                <b>Memory Usage</b>
-              </small>
-            </div>
-            <div class="progress progress-xs">
-              <div class="progress-bar bg-warning" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
-            </div>
-            <small class="text-muted">11444GB/16384MB</small>
-            <div class="text-uppercase mb-1 mt-2">
-              <small>
-                <b>SSD 1 Usage</b>
-              </small>
-            </div>
-            <div class="progress progress-xs">
-              <div class="progress-bar bg-danger" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
-            </div>
-            <small class="text-muted">243GB/256GB</small>
-            <div class="text-uppercase mb-1 mt-2">
-              <small>
-                <b>SSD 2 Usage</b>
-              </small>
-            </div>
-            <div class="progress progress-xs">
-              <div class="progress-bar bg-success" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
-            </div>
-            <small class="text-muted">25GB/256GB</small>
-          </div>
-        </div>
-      </aside>
-    </div>
-    <footer class="app-footer">
-      <div>
-        <a href="https://coreui.io">CoreUI</a>
-        <span>&copy; 2018 creativeLabs.</span>
-      </div>
-      <div class="ml-auto">
-        <span>Powered by</span>
-        <a href="https://coreui.io">CoreUI</a>
-      </div>
-    </footer>
-    <!-- CoreUI and necessary plugins-->
-    <script src="node_modules/jquery/dist/jquery.min.js"></script>
-    <script src="node_modules/popper.js/dist/umd/popper.min.js"></script>
-    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
-    <script src="node_modules/pace-progress/pace.min.js"></script>
-    <script src="node_modules/perfect-scrollbar/dist/perfect-scrollbar.min.js"></script>
-    <script src="node_modules/@coreui/coreui/dist/js/coreui.min.js"></script>
-  </body>
-</html>
diff --git a/panoptes/static/src/index.html b/panoptes/static/src/index.html
index aac633b..bcf10da 100644
--- a/panoptes/static/src/index.html
+++ b/panoptes/static/src/index.html
@@ -11,13 +11,10 @@
   <title>panoptes</title>
   <!-- Icons-->
   <link rel="icon" type="image/ico" href="./img/favicon.ico" sizes="any"/>
-  <link href="node_modules/@coreui/icons/css/coreui-icons.min.css" rel="stylesheet">
-  <link href="node_modules/flag-icon-css/css/flag-icon.min.css" rel="stylesheet">
-  <link href="node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet">
-  <link href="node_modules/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">
-  <!-- Main styles for this application-->
   <link href="css/style.css" rel="stylesheet">
-  <link href="vendors/pace-progress/css/pace.min.css" rel="stylesheet">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
+  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.22/datatables.min.css">
+  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" rel="stylesheet">
 </head>
 
 <body class="app header-fixed sidebar-fixed aside-menu-fixed sidebar-lg-show">
@@ -61,16 +58,16 @@
             <span class="badge badge-primary">NEW</span>
           </a>
         </li> -->
-        <input class="form-control" type="text" placeholder="Search" aria-label="Search">
+        <input id="search" class="form-control" type="text" placeholder="Search" aria-label="Search">
         <li>&nbsp;</li>
         <li>&nbsp;</li>
         <li class="nav-item">
+          <a class="nav-link" href="/">
+            <i class="nav-icon icon-share"></i>Home</a>
           <a class="nav-link" href="/workflows">
-            <i class="nav-icon icon-share"></i>workflows</a>
-          <a class="nav-link" href="/contribute">
-            <i class="nav-icon icon-cloud-upload"></i>contribute</a>
+            <i class="nav-icon icon-share"></i>Workflows</a>
           <a class="nav-link" href="/about">
-            <i class="nav-icon icon-directions"></i>about</a>
+            <i class="nav-icon icon-directions"></i>About</a>
         </li>
         <!-- <li class="divider"></li> -->
       </ul>
@@ -99,7 +96,7 @@ <h1><img class="navbar-brand-full" src="img/brand/panoptes_eye.png" alt="panopte
                 <div class="card text-white bg-primary">
                   <div class="card-body pb-0">
                     <div class="text-value">{{ info.completed }}</div>
-                    <div>workflows executed</div>
+                    <div>workflows completed</div>
                   </div>
                   <div class="chart-wrapper mt-3 mx-3" style="height:70px;">
                     <canvas class="chart" id="card-chart1" height="70"></canvas>
@@ -110,7 +107,7 @@ <h1><img class="navbar-brand-full" src="img/brand/panoptes_eye.png" alt="panopte
               <div class="col-sm-6 col-lg-3">
                 <div class="card text-white bg-info">
                   <div class="card-body pb-0">
-                    <div class="text-value">{{ info.workflows-info.completed  }}</div>
+                    <div class="text-value">{{ info.workflows  }}</div>
                     <div>total workflows</div>
                   </div>
                   <div class="chart-wrapper mt-3 mx-3" style="height:70px;">
@@ -123,7 +120,7 @@ <h1><img class="navbar-brand-full" src="img/brand/panoptes_eye.png" alt="panopte
                 <div class="card text-white bg-warning">
                   <div class="card-body pb-0">
                     <div class="text-value">{{ info.jobs_done }}</div>
-                    <div>jobs executed </div>
+                    <div>jobs completed </div>
                   </div>
                   <div class="chart-wrapper mt-3" style="height:70px;">
                     <canvas class="chart" id="card-chart3" height="70"></canvas>
@@ -135,7 +132,7 @@ <h1><img class="navbar-brand-full" src="img/brand/panoptes_eye.png" alt="panopte
                 <div class="card text-white bg-danger">
                   <div class="card-body pb-0">
                     <div class="text-value">{{ info.jobs_total }}</div>
-                    <div>total Jobs</div>
+                    <div>total jobs</div>
                   </div>
                   <div class="chart-wrapper mt-3 mx-3" style="height:70px;">
                     <canvas class="chart" id="card-chart4" height="70"></canvas>
@@ -180,23 +177,87 @@ <h1><img class="navbar-brand-full" src="img/brand/panoptes_eye.png" alt="panopte
 
 <footer class="app-footer">
   <div class="ml-auto">
-    <span>Powered by</span>
-    <a href="https://palletsprojects.com/p/flask/">Flask</a>
-    and
-    <a href="https://coreui.io">CoreUI</a>
+    <span><a href="https://github.com/panoptes-organization/panoptes">Panoptes</a></span>
   </div>
 </footer>
-<!-- CoreUI and necessary plugins-->
-<script src="node_modules/jquery/dist/jquery.min.js"></script>
-<script src="node_modules/popper.js/dist/umd/popper.min.js"></script>
-<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
-<script src="node_modules/pace-progress/pace.min.js"></script>
-<script src="node_modules/perfect-scrollbar/dist/perfect-scrollbar.min.js"></script>
-<script src="node_modules/@coreui/coreui/dist/js/coreui.min.js"></script>
-<!-- Plugins and scripts required by this view-->
-<!-- <script src="node_modules/chart.js/dist/Chart.min.js"></script>
-<script src="node_modules/@coreui/coreui-plugin-chartjs-custom-tooltips/dist/js/custom-tooltips.min.js"></script>
-<script src="js/main.js"></script> -->
 
+<!-- Bootstrap, jquery, fontawesome and datatables-->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+<script type="text/javascript" src="js/src/init.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script
+<script src="https://use.fontawesome.com/2beee5c79e.js"></script>
+<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.22/datatables.min.js"></script>
+
+<div class="modal fade" id="deleteConfirmationModal" tabindex="-1" role="dialog" aria-labelledby="deleteConfirmationModal" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="exampleModalLongTitle">Are you sure?</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+        <button type="button" class="btn btn-primary confirmDelete">OK</button>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="modal fade" id="deleteAllConfirmationModal" tabindex="-1" role="dialog" aria-labelledby="deleteConfirmationModal" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="exampleModalLongTitle">Are you sure?</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+        <button type="button" id="confirmDeleteAll" class="btn btn-primary confirmDeleteAll">OK</button>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="modal fade" id="editFailedModal" tabindex="-1" role="dialog" aria-labelledby="editFailedModal" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="exampleModalLongTitle">Database error</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-primary renameFailed" data-dismiss="modal">OK</button>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="modal fade" id="deleteFailedModal" tabindex="-1" role="dialog" aria-labelledby="deleteFailedModal" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="exampleModalLongTitle">Database error</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-primary deleteFailed" data-dismiss="modal">OK</button>
+      </div>
+    </div>
+  </div>
+</div>
 </body>
 </html>
diff --git a/panoptes/static/src/job.html b/panoptes/static/src/job.html
index 43355cf..741fa17 100644
--- a/panoptes/static/src/job.html
+++ b/panoptes/static/src/job.html
@@ -4,7 +4,7 @@
 
 <div class="card">
   <div class="card-header"><strong>job info</strong></div>
-  <table class="table table-responsive-sm table-hover table-outline mb-0">
+  <table class="informTable table table-responsive-sm table-outline mb-0">
     <thead class="thead-light">
     <tr>
       <th class="text-center">id</th>
@@ -22,7 +22,7 @@
         {{ job.name }}
       </td>
       <td class="text-center">
-        <span class="badge badge-{{ 'success' if job.status=='Done' else ('danger' if job.status=='Error' else 'warning')}}"> {{ job.status }} </span>
+        <span class="badge badge-{{ 'success' if job.status=='Done' else ('danger' if job.status=='Error' else ('info' if job.status=='Running' else 'light text-dark'))}}"> {{ job.status }} </span>
       </td>
       <td class="text-center">
         {{ (job.completed_at-job.started_at)|formatdelta if job.completed_at else '-' }}
@@ -34,7 +34,7 @@
 
 <div class="card">
   <div class="card-header">input</div>
-  <table class="table table-responsive-sm table-hover table-outline mb-0">
+  <table class="table table-responsive-sm table-outline mb-0">
     <tbody>
     {% for in in job.input %}
     <tr>
@@ -50,7 +50,7 @@
 
 <div class="card">
   <div class="card-header">output</div>
-  <table class="table table-responsive-sm table-hover table-outline mb-0">
+  <table class="table table-responsive-sm table-outline mb-0">
     <tbody>
     {% for out in job.output %}
     <tr>
@@ -65,7 +65,7 @@
 
 <div class="card">
   <div class="card-header">log path</div>
-  <table class="table table-responsive-sm table-hover table-outline mb-0">
+  <table class="table table-responsive-sm table-outline mb-0">
     <tbody>
     {% for logs in job.log %}
     <tr>
diff --git a/panoptes/static/src/js/src/init.js b/panoptes/static/src/js/src/init.js
new file mode 100644
index 0000000..175cb71
--- /dev/null
+++ b/panoptes/static/src/js/src/init.js
@@ -0,0 +1,237 @@
+
+/*Initialization of search field. Adding a listener on the field as soon as the page loads.
+* Everytime we type inside the search field,
+* */
+
+$( document ).ready(function() {
+    //listener for every delete table button
+    $('.delete').click(function(event) {
+        let button = $(event.target);
+        let table = button.closest('table').DataTable();
+        let row = table.row(event.target.closest('tr'));
+        let id = event.target.closest('tr').firstElementChild.innerText;
+        let modal = $('#deleteConfirmationModal');
+        modal.attr('rowId',id);
+        modal.attr('rowIndex',row.index());
+        modal.attr('tableId',button.closest('table').attr('id'));
+        modal.find('.modal-body').html(
+            '<p>Do you want to delete workflow with ID: '+id+'?</p>');
+        modal.modal('show');
+    });
+
+    //listener for deleteConfirmationModal's OK button
+    $('.confirmDelete').click(function(myEvt) {
+        let deleteConfirmationModal = $('#deleteConfirmationModal');
+        deleteConfirmationModal.modal('hide');
+         let rowId = deleteConfirmationModal.attr('rowId');
+         let rowIndex = deleteConfirmationModal.attr('rowIndex');
+         let tableId = deleteConfirmationModal.attr('tableId');
+         deleteWorkflow(rowId,rowIndex,tableId);
+    });
+
+        //listener for deleteConfirmationModal's OK button
+    $('.confirmDeleteAll').click(function() {
+         deleteAllWorkflows();
+    });
+
+    //listener for deleteFailedModal's or editFailedModal's OK buttons
+    $('.renameFailed, .deleteFailed').click(function(myEvt) {
+        location.reload();
+    });
+
+    //initialization of all tables
+    let tables = document.getElementsByClassName("fullTable");
+    for(let t of tables){
+        let table = $(t).DataTable({
+            "ordering": true, // false to disable sorting (or any other option)
+            "paging":true,
+              columnDefs: [
+                  {
+                      targets: "_all",
+                      className: 'dt-center'
+                  }],
+            "initComplete": function() {
+                $("#workFlowsTable_wrapper")
+                    .prepend('<div class="dataTables_length"><button id="deleteAll" title="Clean up database" class="btn btn-danger delete">' +
+                        '<i class="far fa-trash-alt fa-xl"></i></button></div>');
+                if (this.DataTable().rows().count() === 0 ) {
+                    $("#deleteAll").attr("disabled","");
+                }
+                else{
+                    $("#deleteAll").attr("enabled","");
+                }
+            }
+        });
+        $('.dataTables_length').addClass('bs-select');
+
+    }
+
+    $('#deleteAll').click(function(event) {
+        let modal = $('#deleteAllConfirmationModal');
+        modal.find('.modal-body').html(
+            '<p>This operation will delete all workflows, even running ones.<br>Do you want to delete all workflows?  </p>');
+        modal.modal('show');
+    });
+
+    let informTables = document.getElementsByClassName("informTable");
+    for(let t of informTables){
+        $(t).DataTable({
+            "ordering": false, // false to disable sorting (or any other option)
+            "paging":false,
+            "searching":false,
+            "info":false,
+              columnDefs: [
+                  {
+                      targets: "_all",
+                      className: 'dt-center'
+                  }]
+        });
+        $('.dataTables_length').addClass('bs-select');
+    }
+
+
+    //listener for add button (add button is enabled after clicking the edit button)
+    $(document).on("click", ".add", function(event){
+     let idColumn = event.target.closest('tr').children[0];
+     let aTag = $(idColumn).children().get(0);
+     let href;
+     //in some tables, there's no url in the name field
+     if($(aTag) && $(aTag).is("a")){
+        href = aTag.href;
+     }
+		var empty = false;
+        //getting user's input for multiple inputs, for now it's just one.
+		var input = $(this).parents("tr").find('input[type="text"]');
+        input.each(function(){
+			if(!$(this).val()){
+				$(this).addClass("error");
+				empty = true;
+			} else{
+                $(this).removeClass("error");
+            }
+		});
+		$(this).parents("tr").find(".error").first().focus();
+		//if there's no input error
+		if(!empty){
+			input.each(function(){
+			    let field = $(this);
+			    let newValue  = $(this).val();
+			    //create a tag with input as text value
+                let updateData = {"name":$(this).val()};
+                //call the backend to store the updatedData
+                $.ajax({
+                    url: "/api/workflow/" + idColumn.innerText,
+                    method: "PUT",
+                    contentType: "application/json",
+                    data: JSON.stringify(updateData),
+                    timeout: 2000,
+                    async: true,
+                    success: function (data, textStatus, jqXHR) {
+                        if (href) {
+                            let atag = "<a href='" + href + "'>" + newValue + "</a>";
+                            $(field).parent("td").html(atag);
+                        } else {
+                            $(field).parent("td").html(newValue);
+                        }
+                    },
+                    //in case of error, we show an error modal
+                    error: function (data, jqXHR, textStatus, errorThrown) {
+                        console.log("Error renaming field in database");
+                        let editFailedModal = $("#editFailedModal");
+                        editFailedModal.find('.modal-body').html(
+                            '<p>Renaming the workflow failed, page will reload</p>');
+                        editFailedModal.modal('show');
+                    }
+                });
+			});
+			$(this).parents("tr").find(".add, .edit").toggle();
+		}
+    });
+
+    // Edit row's name field on edit button click
+	$(document).on("click", ".edit", function(){
+	    $(this).parents("tr").find("td:nth-child(2)").html('<input type="text" class="form-control" value="' + $(this).parents("tr").children().get(1).innerText + '">');
+		//we hide the edit button, so that the add button can appear
+	    $(this).parents("tr").find(".edit").hide();
+		$(this).parents("tr").find(".add").css("display","inline-block");
+    });
+});
+
+window.onload = function(){
+    document.getElementById("search").addEventListener("keyup", event => {
+        //we don't support searching IME composition, see Microsoft IME for details
+        if (event.isComposing || event.keyCode === 229) {
+        //do nothing
+        }
+        else {
+          // if the key pressed is the "enter" key, we redirect to our new page, sending the user's
+          // input as a url parameter
+          if (event.keyCode === 13 && document.getElementById("search").value !== "") {
+              window.location.replace("/searchResults?q=" + document.getElementById("search").value)
+          }
+        }
+});
+};
+
+function deleteWorkflow(rowId,rowIndex, tableId) {
+    let table = $('#' + tableId).DataTable();
+    let row = table.row(rowIndex);
+    //call backend to delete the workflow
+    $.ajax({
+        url: "/api/workflow/" + rowId,
+        method: "DELETE",
+        async: true,
+        timeout: 2000,
+        success: function (data, textStatus, jqXHR) {
+            if (location.pathname.includes("/workflow/")) {
+                //if we are in a specific workflow page and we delete it, we redirect to /workflows
+                location.href = "/workflows";
+            } else {
+                table
+                    .row(row)
+                    .remove()
+                    .draw(false);
+                //delete completed, hide the modal
+                if ($('#workFlowsTable').DataTable().rows().count() === 0 ) {
+                    $("#deleteAll").attr("disabled","");
+                }
+                $('#deleteConfirmationModal').modal('hide');
+            }
+        },
+        //on error, show fail modal
+        error: function (data, jqXHR, textStatus, errorThrown) {
+            let deleteFailedModal = $("#deleteFailedModal");
+            deleteFailedModal.find('.modal-body').html(
+                '<p>Deleting the workflow failed, page will reload</p>');
+            deleteFailedModal.modal('show');
+        }
+    });
+}
+
+function deleteAllWorkflows(){
+     let table = $('#workFlowsTable').DataTable();
+     //call backend to delete the workflow
+     $.ajax({
+         url: "/api/workflows/all",
+         method: "DELETE",
+         async: true,
+         timeout: 2000,
+         success: function (data, textStatus, jqXHR) {
+             table
+                 .clear()
+                 .draw(false);
+                 //delete completed, hide the modal
+                if ($('#workFlowsTable').DataTable().rows().count() === 0 ) {
+                    $("#deleteAll").attr("disabled","");
+                }
+             $('#deleteAllConfirmationModal').modal('hide');
+         },
+         //on error, show fail modal
+         error: function (data, jqXHR, textStatus, errorThrown) {
+             let deleteFailedModal = $("#deleteFailedModal");
+             deleteFailedModal.find('.modal-body').html(
+                 '<p>Deleting all workflows failed, page will reload</p>');
+             deleteFailedModal.modal('show');
+         }
+     });
+}
diff --git a/panoptes/static/src/notifications/alerts.html b/panoptes/static/src/notifications/alerts.html
index c40f33a..746cba1 100644
--- a/panoptes/static/src/notifications/alerts.html
+++ b/panoptes/static/src/notifications/alerts.html
@@ -17,12 +17,6 @@
     <meta name="author" content="Łukasz Holeczek">
     <meta name="keyword" content="Bootstrap,Admin,Template,Open,Source,jQuery,CSS,HTML,RWD,Dashboard">
     <title>CoreUI Free Bootstrap Admin Template</title>
-    <!-- Icons-->
-    <link href="node_modules/@coreui/icons/css/coreui-icons.min.css" rel="stylesheet">
-    <link href="node_modules/flag-icon-css/css/flag-icon.min.css" rel="stylesheet">
-    <link href="node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet">
-    <link href="node_modules/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">
-    <!-- Main styles for this application-->
     <link href="css/style.css" rel="stylesheet">
     <link href="vendors/pace-progress/css/pace.min.css" rel="stylesheet">
     <!-- Global site tag (gtag.js) - Google Analytics-->
diff --git a/panoptes/static/src/notifications/badge.html b/panoptes/static/src/notifications/badge.html
index edcceea..dcdb377 100644
--- a/panoptes/static/src/notifications/badge.html
+++ b/panoptes/static/src/notifications/badge.html
@@ -17,12 +17,6 @@
     <meta name="author" content="Łukasz Holeczek">
     <meta name="keyword" content="Bootstrap,Admin,Template,Open,Source,jQuery,CSS,HTML,RWD,Dashboard">
     <title>CoreUI Free Bootstrap Admin Template</title>
-    <!-- Icons-->
-    <link href="node_modules/@coreui/icons/css/coreui-icons.min.css" rel="stylesheet">
-    <link href="node_modules/flag-icon-css/css/flag-icon.min.css" rel="stylesheet">
-    <link href="node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet">
-    <link href="node_modules/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">
-    <!-- Main styles for this application-->
     <link href="css/style.css" rel="stylesheet">
     <link href="vendors/pace-progress/css/pace.min.css" rel="stylesheet">
     <!-- Global site tag (gtag.js) - Google Analytics-->
diff --git a/panoptes/static/src/notifications/modals.html b/panoptes/static/src/notifications/modals.html
index 5d39387..8968e17 100644
--- a/panoptes/static/src/notifications/modals.html
+++ b/panoptes/static/src/notifications/modals.html
@@ -17,12 +17,6 @@
     <meta name="author" content="Łukasz Holeczek">
     <meta name="keyword" content="Bootstrap,Admin,Template,Open,Source,jQuery,CSS,HTML,RWD,Dashboard">
     <title>CoreUI Free Bootstrap Admin Template</title>
-    <!-- Icons-->
-    <link href="node_modules/@coreui/icons/css/coreui-icons.min.css" rel="stylesheet">
-    <link href="node_modules/flag-icon-css/css/flag-icon.min.css" rel="stylesheet">
-    <link href="node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet">
-    <link href="node_modules/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">
-    <!-- Main styles for this application-->
     <link href="css/style.css" rel="stylesheet">
     <link href="vendors/pace-progress/css/pace.min.css" rel="stylesheet">
     <!-- Global site tag (gtag.js) - Google Analytics-->
diff --git a/panoptes/static/src/searchResults.html b/panoptes/static/src/searchResults.html
new file mode 100644
index 0000000..1f3c969
--- /dev/null
+++ b/panoptes/static/src/searchResults.html
@@ -0,0 +1,87 @@
+{% extends "index.html" %}
+
+{% block main_info %}
+
+<div class="card">
+  <div class="card-header"> Search Results </div>
+  <div class="card-body">
+    <table id="workFlowsTableResults" class="fullTable table table-responsive-sm stripe table-sm">
+      <thead>
+      <div class="card-header"> Workflows </div>
+      <tr>
+        <th >Id
+        </th>
+        <th >Name
+        </th>
+        <th>Status</th>
+        <th>Date</th>
+        <th>Current jobs</th>
+        <th class="text-center">Actions</th>
+      </tr>
+      </thead>
+      <tbody>
+        {% for wf in workflows %}
+      <tr class="tableRow">
+        <td>
+          <a href='/workflow/{{ wf.id }}'> {{ wf.id }} </a>
+        </td>
+        <td class="nameColumn">
+          <a href='/workflow/{{ wf.id }}'> {{ wf.name }} </a>
+        </td>
+        <td>
+          <span class="badge badge-{{ 'success' if wf.status=='Done' else ('danger' if wf.status=='Error' else ('info' if wf.status=='Running' else 'light text-dark'))}}"> {{ wf.status }} </span>
+        </td>
+        <td>
+          <a> {{ wf.started_at|formatdatetime }} </a>
+        </td>
+        <td>
+          <a> {{ wf.jobs_done }}/{{ wf.jobs_total }} </a>
+        </td>
+        <td class="dt-nowrap">
+            <button id="addBtn" title="Add workflow" class="btn btn-success add"><i class="fas fa-check fa-xs"></i></button>
+            <button id="editBtn" title="Edit workflow"class="btn btn-success edit"><i class="fas fa-edit fa-xs"></i></button>
+            <button id="deleteBtn" title="Delete workflow" class="btn btn-danger delete"><i class="far fa-trash-alt fa-xs"></i></button>
+        </td>
+      {% endfor %}
+      </tbody>
+    </table>
+  </div>
+  <div class="card-body">
+    <table id="jobsTableResults" class="fullTable table table-responsive-sm stripe table-sm">
+      <thead>
+      <div class="card-header">Jobs</div>
+      <tr>
+        <th>Workflow Id
+        </th>
+        <th>Job Id
+        </th>
+        <th>Name
+        </th>
+        <th>Status</th>
+        <th>Duration</th>
+      </tr>
+      </thead>
+      <tbody>
+      {% for job in alljobs %}
+      <tr class="tableRow">
+        <td>
+          <a href='/workflow/{{ job.workflow_id }}'> {{ job.workflow_id }} </a>
+        </td>
+        <td>
+          <a href='/workflow/{{ job.workflow_id }}/job/{{ job.jobid }}'> {{ job.jobid }} </a>
+        </td>
+        <td class="nameColumn">
+          <a href='/workflow/{{ job.workflow_id }}/job/{{ job.jobid }}'> {{ job.name }} </a>
+        </td>
+        <td><span class="badge badge-{{ 'success' if job.status=='Done' else ('danger' if job.status=='Error' else 'warning')}}"> {{ job.status }} </span></td>
+        <td>
+         <a> {{ (job.completed_at-job.started_at)|formatdelta if job.completed_at else '-' }}</a>
+        </td>
+      </tr>
+      {% endfor %}
+
+      </tbody>
+    </table>
+</div>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/panoptes/static/src/workflow.html b/panoptes/static/src/workflow.html
index f59bbfc..d79918c 100644
--- a/panoptes/static/src/workflow.html
+++ b/panoptes/static/src/workflow.html
@@ -4,17 +4,17 @@
 
 <div class="card">
   <div class="card-header"><strong>workflow {{workflow.id}} {{" finished after "+ (workflow.completed_at-workflow.started_at)|formatdelta if workflow.completed_at else "" }}</strong></div>
-  <table class="table table-responsive-sm table-hover table-outline mb-0">
+  <table class="informTable table text-center table-responsive-sm table-outline mb-0">
     <thead class="thead-light">
     <tr>
-      <th class="text-center">id</th>
-      <th class="text-center">name</th>
-      <th class="text-center">date</th>
-      <th class="text-center">steps</th>
+      <th class="text-center">Id</th>
+      <th class="text-center">Name</th>
+      <th class="text-center">Date</th>
+      <th class="text-center">Steps</th>
+      <th class="text-center">Actions</th>
     </tr>
     </thead>
     <tbody>
-    <tr>
     <tr>
       <td class="text-center">
         {{ workflow.id }}
@@ -28,6 +28,11 @@
       <td class="text-center">
         <a> {{ workflow.jobs_done }}/{{ workflow.jobs_total }} </a>
       </td>
+        <td class="dt-nowrap">
+            <button id="addBtn" title="Add workflow" class="btn btn-success add"><i class="fas fa-check fa-xs"></i></button>
+            <button id="editBtn" title="Edit workflow"class="btn btn-success edit"><i class="fas fa-edit fa-xs"></i></button>
+            <button id="deleteBtn" data-toggle="modal" data-target="#deleteConfirmationModal" title="Delete workflow" class="btn btn-danger delete"><i class="far fa-trash-alt fa-xs"></i></button>
+        </td>
     </tr>
     </tbody>
   </table>
@@ -48,25 +53,25 @@
 <div class="card">
   <div class="card-header"> workflow Jobs</div>
   <div class="card-body">
-    <table class="table table-responsive-sm table-bordered table-striped table-sm">
+    <table id="jobsTable" class="fullTable table table-responsive-sm stripe table-outline mb-0">
       <thead>
       <tr>
-        <th>Id</th>
-        <th>Name</th>
-        <th>Status</th>
-        <th>Duration</th>
+        <th class="text-center">Id</th>
+        <th class="text-center">Name</th>
+        <th class="text-center">Status</th>
+        <th class="text-center">Duration</th>
       </tr>
       </thead>
       <tbody>
       {% for job in get_jobs(workflow.id) %}
-      <tr>
-        <td>
+      <tr class="tableRow">
+        <td >
           <a href='/workflow/{{ job.workflow_id }}/job/{{ job.jobid }}'> {{ job.jobid }} </a>
         </td>
-        <td>
+        <td class="nameColumn">
           <a href='/workflow/{{ job.workflow_id }}/job/{{ job.jobid }}'> {{ job.name }} </a>
         </td>
-        <td><span class="badge badge-{{ 'success' if job.status=='Done' else ('danger' if job.status=='Error' else 'warning')}}"> {{ job.status }} </span></td>
+        <td><span class="badge badge-{{ 'success' if job.status=='Done' else ('danger' if job.status=='Error' else ('info' if job.status=='Running' else 'light text-dark'))}}"> {{ job.status }} </span></td>
         <td>
          <a> {{ (job.completed_at-job.started_at)|formatdelta if job.completed_at else '-' }}</a>
         </td>
@@ -79,4 +84,4 @@
 </div>
 
 
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/panoptes/static/src/workflows.html b/panoptes/static/src/workflows.html
index 74dc85b..d846f81 100644
--- a/panoptes/static/src/workflows.html
+++ b/panoptes/static/src/workflows.html
@@ -1,31 +1,29 @@
 {% extends "index.html" %}
 
 {% block main_info %}
-
 <div class="card">
   <div class="card-body">
-    <table class="table table-responsive-sm table-hover table-outline mb-0">
-      <thead class="thead-light">
+    <table id="workFlowsTable" class="fullTable table table-responsive-sm stripe table-outline mb-0">
+      <thead>
       <tr>
-        <th >id</th>
-        <th >name
-          <button type="button" class="btn btn-default">
-            <span class="nav-icon icon-pencil" aria-hidden="true" aria-label="edit"></span>
-          </button>
+        <th>Id
+        </th>
+        <th >Name
+
         </th>
-        <th>status</th>
-        <th>date</th>
-        <th>current jobs</th>
+        <th class="text-center">Status</th>
+        <th class="text-center">Date</th>
+        <th class="text-center">Current jobs</th>
+        <th class="text-center">Actions</th>
       </tr>
       </thead>
       <tbody>
-      <tr>
         {% for wf in workflows %}
-      <tr>
-        <td >
+      <tr class="tableRow">
+        <td>
           <a href='/workflow/{{ wf.id }}'> {{ wf.id }} </a>
         </td>
-        <td>
+        <td class="nameColumn">
           <a href='/workflow/{{ wf.id }}'> {{ wf.name }} </a>
         </td>
         <td>
@@ -35,13 +33,17 @@
           <a> {{ wf.started_at|formatdatetime }} </a>
         </td>
         <td>
-          <a> {{ wf.jobs_done }}/{{ wf.jobs_total }} </a>
+           <a> {{ wf.jobs_done }}/{{ wf.jobs_total }} </a>
+        </td>
+        <td class="dt-nowrap">
+            <button id="addBtn" title="Add workflow" class="btn btn-success add"><i class="fas fa-check fa-xs"></i></button>
+            <button id="editBtn" title="Edit workflow"class="btn btn-success edit"><i class="fas fa-edit fa-xs"></i></button>
+            <button id="deleteBtn" title="Delete workflow" class="btn btn-danger delete"><i class="far fa-trash-alt fa-xs"></i></button>
         </td>
-      </tr>
       {% endfor %}
       </tbody>
     </table>
   </div>
 </div>
 
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/setup.py b/setup.py
index a53b8b2..ee21438 100755
--- a/setup.py
+++ b/setup.py
@@ -7,11 +7,11 @@
 
 setup(
     name='panoptes-ui',
-    version='0.1.1',
+    version='0.2.0',
     url='https://github.com/panoptes-organization/panoptes',
     license='MIT',
     author='panoptes-organization',
-    author_email='georgekostoulas@gmail.com, agardelakos@gmail.com, fgypas@gmail.com, gntalaperas@gmail.com',
+    author_email='georgekostoulas@gmail.com, agardelakos@gmail.com, fgypas@gmail.com, gntalaperas@gmail.com, dimitris.afe@gmail.com, rekoumisd@gmail.com, vsochat@stanford.edu',
     description="panoptes: monitor computational workflows in real time",
     long_description_content_type="text/markdown",
     packages=setuptools.find_packages(),


Test patch:
diff --git a/panoptes/tests/api_test.py b/panoptes/tests/api_test.py
index 69ac3b5..c6be548 100644
--- a/panoptes/tests/api_test.py
+++ b/panoptes/tests/api_test.py
@@ -1,9 +1,191 @@
 import requests
+import panoptes.tests.api_test_helper as helper
 
-url = 'http://127.0.0.1:5000'
+local_url = 'http://127.0.0.1:5000'
 docker_url = 'http://127.0.0.1:8000'
 
+# CI server uses docker, to run locally use local_url
+url_to_use = docker_url
+# Workflow and job entries to check. We don't check the date related entries
+workflow_entries = ['id', 'jobs_done', 'jobs_total']
+job_entries = ['input', 'is_checkpoint', 'jobid', 'log', 'msg', 'name', 'output', 'shell_command', 'status',
+               'wildcards', 'workflow_id']
+jobs_entries = ['is_checkpoint', 'msg', 'name', 'shell_command', 'status',
+                'workflow_id']
 
-def test_docker_api_work_flows():
-    r = requests.get(docker_url + '/api/workflows')  # Assumes that it has a path of "/"
-    assert r.status_code == 200  # Assumes that it will return a 200 response
+
+#   Get all workflows
+def test_workflows():
+    response = requests.request(
+        "GET", url_to_use + '/api/workflows', headers=helper.headers)
+    assert response.status_code == 200
+    assert response.json()["count"] == 2
+    for entry in workflow_entries:
+        assert response.json()[
+            "workflows"][0][entry] == helper.workflows[0][entry]
+    helper.pretty_print_request(response.request)
+    helper.pretty_print_response(response)
+
+
+#   Non existent workflow
+def test_specific_work_flow_not_found():
+    response = requests.request(
+        "GET", url_to_use + '/api/workflow/100', headers=helper.headers)
+    assert response.status_code == 404
+    helper.pretty_print_request(response.request)
+    helper.pretty_print_response(response)
+
+
+#   Valid workflow
+def test_specific_work_flow_valid():
+    response = requests.request(
+        "GET", url_to_use + '/api/workflow/1', headers=helper.headers)
+    assert response.status_code == 200
+    for entry in workflow_entries:
+        assert response.json()["workflow"][entry] == helper.workflows[0][entry]
+    helper.pretty_print_request(response.request)
+    helper.pretty_print_response(response)
+
+
+#   All jobs for a valid workflow
+def test_specific_work_flow_all_jobs_valid():
+    response = requests.request(
+        "GET", url_to_use + '/api/workflow/1/jobs', headers=helper.headers)
+    assert response.status_code == 200
+    assert response.json()["count"] == 14
+    for entry in jobs_entries:
+        assert response.json()["jobs"][0][entry] == helper.jobs[entry]
+    helper.pretty_print_request(response.request)
+    helper.pretty_print_response(response)
+
+
+#   Jobs for non existent workflow
+def test_specific_work_flow_jobs_not_found():
+    response = requests.request(
+        "GET", url_to_use + '/api/workflow/100/jobs', headers=helper.headers)
+    assert response.status_code == 404
+    helper.pretty_print_request(response.request)
+    helper.pretty_print_response(response)
+
+
+#   Specific job for a specific workflow
+def test_specific_work_flow_and_job_valid():
+    response = requests.request(
+        "GET", url_to_use + '/api/workflow/1/job/3', headers=helper.headers)
+    assert response.status_code == 200
+    for entry in job_entries:
+        assert response.json()["jobs"][entry] == helper.jobs[entry]
+    helper.pretty_print_request(response.request)
+    helper.pretty_print_response(response)
+
+
+#   Non existent job for a specific workflow
+def test_specific_work_flow_and_job_non_existent():
+    response = requests.request(
+        "GET", url_to_use + '/api/workflow/1/job/100', headers=helper.headers)
+    assert response.status_code == 404
+    helper.pretty_print_request(response.request)
+    helper.pretty_print_response(response)
+
+
+#   Non existent workflow and job for a specific workflow
+def test_specific_work_flow_job_non_existent():
+    response = requests.request(
+        "GET", url_to_use + '/api/workflow/100/job/1', headers=helper.headers)
+    assert response.status_code == 404
+    helper.pretty_print_request(response.request)
+    helper.pretty_print_response(response)
+
+
+#   Specific rename a specific workflow
+def test_specific_work_flow_re_name_existent():
+    data = {'name': 'test name'}
+    response = requests.request(
+        "PUT", url_to_use + '/api/workflow/1', json=data, headers=helper.headers)
+    assert response.status_code == 200
+    for entry in workflow_entries:
+        assert response.json()["workflow"][entry] == helper.workflows[0][entry]
+    helper.pretty_print_request(response.request)
+    helper.pretty_print_response(response)
+
+#   Specific rename a specific workflow with empty json
+def test_specific_work_flow_re_name_json_non_existent():
+    response = requests.request(
+        "PUT", url_to_use + '/api/workflow/1', headers=helper.headers)
+    assert response.status_code == 400
+    helper.pretty_print_request(response.request)
+    helper.pretty_print_response(response)
+
+#   Specific rename a specific workflow with wrong key
+def test_specific_work_flow_re_name_json_wrong_key():
+    data = {'wrong_name':'test name'}
+    response = requests.request(
+        "PUT", url_to_use + '/api/workflow/1', json=data, headers=helper.headers)
+    assert response.status_code == 400
+    helper.pretty_print_request(response.request)
+    helper.pretty_print_response(response)
+
+
+#   Specific rename a specific workflow with white space data
+def test_specific_work_flow_re_name_json_wrong_data():
+    data = {'name':'    '}
+    response = requests.request(
+        "PUT", url_to_use + '/api/workflow/1', json=data, headers=helper.headers)
+    assert response.status_code == 400
+    helper.pretty_print_request(response.request)
+    helper.pretty_print_response(response)
+
+#   Specific rename a specific workflow with white no data
+def test_specific_work_flow_re_name_json_wrong_non_data():
+    data = {'name':''}
+    response = requests.request(
+        "PUT", url_to_use + '/api/workflow/1', json=data, headers=helper.headers)
+    assert response.status_code == 400
+    helper.pretty_print_request(response.request)
+    helper.pretty_print_response(response)
+
+#   Non existent specific rename a specific workflow
+def test_specific_work_flow_re_name_non_existent():
+    data = {'name': 'test name'}
+    response = requests.request(
+        "PUT", url_to_use + '/api/workflow/100', json=data, headers=helper.headers)
+    assert response.status_code == 404
+    helper.pretty_print_request(response.request)
+    helper.pretty_print_response(response)
+
+
+#   Specific workflow delete existent
+def test_specific_work_flow_delete_existent():
+    response = requests.request(
+        "DELETE", url_to_use + '/api/workflow/1', headers=helper.headers)
+    assert response.status_code == 204
+    helper.pretty_print_request(response.request)
+    helper.pretty_print_response(response)
+
+
+#   Specific workflow delete non existent
+def test_specific_work_flow_delete_non_existent():
+    response = requests.request(
+        "DELETE", url_to_use + '/api/workflow/100', headers=helper.headers)
+    assert response.status_code == 404
+    helper.pretty_print_request(response.request)
+    helper.pretty_print_response(response)
+
+
+#   clean up the whole database
+def test_clean_up_database_existent():
+    response = requests.request(
+        "DELETE", url_to_use + '/api/workflows/all', headers=helper.headers)
+    assert response.status_code == 200
+    assert response.json()["msg"] == "Database clean up is complete"
+    helper.pretty_print_request(response.request)
+    helper.pretty_print_response(response)
+
+
+#   clean up the whole database non existent
+def test_clean_up_database_non_existent():
+    response = requests.request(
+        "DELETE", url_to_use + '/api/workflows/all', headers=helper.headers)
+    assert response.status_code == 410
+    helper.pretty_print_request(response.request)
+    helper.pretty_print_response(response)
diff --git a/panoptes/tests/api_test_helper.py b/panoptes/tests/api_test_helper.py
new file mode 100644
index 0000000..0ddbee2
--- /dev/null
+++ b/panoptes/tests/api_test_helper.py
@@ -0,0 +1,57 @@
+headers = {
+    'User-Agent': "PostmanRuntime/7.19.0",
+    'Accept': "*/*",
+    'Cache-Control': "no-cache",
+    'Postman-Token': "4bf65e52-fc39-425b-a7c5-b472c0b45b90,569052b9-1b47-4155-b30b-7d6d84c6cfa3",
+    'Host': "127.0.0.1:8000",
+    'Accept-Encoding': "gzip, deflate",
+    'Connection': "keep-alive",
+    'cache-control': "no-cache"
+}
+
+workflows = [{
+    'id': 1,
+    'jobs_done': 14,
+    'jobs_total': 14,
+    'status': "Done"
+}]
+
+jobs = {
+    "input": [
+        "samples/control_rep1.bam"
+    ],
+    "is_checkpoint": False,
+    "jobid": 3,
+    "log": [
+        "logs/local_log/samtools_sort_control_rep1.log"
+    ],
+    "msg": None,
+    "name": "samtools_sort",
+    "output": [
+        "results/control_rep1.sorted.bam"
+    ],
+    "shell_command": None,
+    "status": "Done",
+    "wildcards": {
+        "sample": "control_rep1"
+    },
+    "workflow_id": 1
+}
+
+
+def pretty_print_request(request):
+    print('\n{}\n{}\n\n{}\n\n{}\n'.format(
+        '-----------Request----------->',
+        request.method + ' ' + request.url,
+        '\n'.join('{}: {}'.format(k, v) for k, v in request.headers.items()),
+        request.body)
+    )
+
+
+def pretty_print_response(response):
+    print('\n{}\n{}\n\n{}\n\n{}\n'.format(
+        '<-----------Response-----------',
+        'Status code:' + str(response.status_code),
+        '\n'.join('{}: {}'.format(k, v) for k, v in response.headers.items()),
+        response.text)
+    )