@digitallyhappy/backstrap
Version:
Free Bootstrap 4 Admin Panel HTML Template
432 lines (430 loc) • 147 kB
HTML
<!DOCTYPE html>
<!--
* Backstrap - Free Bootstrap Admin Template
* @version v0.2.0
* @link https://backstrap.net
* Copyright (c) 2018 Cristian Tabacitu
* 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="Backstrap - Open Source Bootstrap 4 Admin Template on top of CoreUI">
<meta name="author" content="Cristian Tabacitu">
<meta name="keyword" content="Bootstrap,Admin,Template,Open,Source,jQuery,CSS,HTML,RWD,Dashboard,CoreUI">
<title>BackStrap - Free Bootstrap 4 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">
<link href="https://maxcdn.icons8.com/fonts/line-awesome/1.1/css/line-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic" 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">
</head>
<body class="app aside-menu-fixed sidebar-lg-show">
<header class="app-header bg-light border-0 navbar">
<button class="navbar-toggler sidebar-toggler d-lg-none mr-auto ml-3" type="button" data-toggle="sidebar-show"><span class="navbar-toggler-icon"></span></button><a class="navbar-brand" href="#"><b>Back</b><span>strap</span></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 mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
</header>
<div class="app-body">
<div class="sidebar sidebar-pills bg-transparent">
<nav class="sidebar-nav">
<ul class="nav">
<li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
<li class="nav-title">Theme</li>
<li class="nav-item"><a class="nav-link" href="colors.html"><i class="nav-icon la la-lg la-bullseye"></i> Colors</a></li>
<li class="nav-item"><a class="nav-link" href="typography.html"><i class="nav-icon la la-lg la-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 la la-lg la-bank"></i> Base</a>
<ul class="nav-dropdown-items">
<li class="nav-item"><a class="nav-link" href="base/breadcrumb.html"><i class="nav-icon la la-lg la-puzzle"></i> Breadcrumb</a></li>
<li class="nav-item"><a class="nav-link" href="base/cards.html"><i class="nav-icon la la-lg la-puzzle"></i> Cards</a></li>
<li class="nav-item"><a class="nav-link" href="base/carousel.html"><i class="nav-icon la la-lg la-puzzle"></i> Carousel</a></li>
<li class="nav-item"><a class="nav-link" href="base/collapse.html"><i class="nav-icon la la-lg la-puzzle"></i> Collapse</a></li>
<li class="nav-item"><a class="nav-link" href="base/forms.html"><i class="nav-icon la la-lg la-puzzle"></i> Forms</a></li>
<li class="nav-item"><a class="nav-link" href="base/jumbotron.html"><i class="nav-icon la la-lg la-puzzle"></i> Jumbotron</a></li>
<li class="nav-item"><a class="nav-link" href="base/list-group.html"><i class="nav-icon la la-lg la-puzzle"></i> List group</a></li>
<li class="nav-item"><a class="nav-link" href="base/navs.html"><i class="nav-icon la la-lg la-puzzle"></i> Navs</a></li>
<li class="nav-item"><a class="nav-link" href="base/pagination.html"><i class="nav-icon la la-lg la-puzzle"></i> Pagination</a></li>
<li class="nav-item"><a class="nav-link" href="base/popovers.html"><i class="nav-icon la la-lg la-puzzle"></i> Popovers</a></li>
<li class="nav-item"><a class="nav-link" href="base/progress.html"><i class="nav-icon la la-lg la-puzzle"></i> Progress</a></li>
<li class="nav-item"><a class="nav-link" href="base/scrollspy.html"><i class="nav-icon la la-lg la-puzzle"></i> Scrollspy</a></li>
<li class="nav-item"><a class="nav-link" href="base/switches.html"><i class="nav-icon la la-lg la-puzzle"></i> Switches</a></li>
<li class="nav-item"><a class="nav-link" href="base/tables.html"><i class="nav-icon la la-lg la-puzzle"></i> Tables</a></li>
<li class="nav-item"><a class="nav-link" href="base/tabs.html"><i class="nav-icon la la-lg la-puzzle"></i> Tabs</a></li>
<li class="nav-item"><a class="nav-link" href="base/tooltips.html"><i class="nav-icon la la-lg la-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 la la-lg la-hand-pointer-o"></i> Buttons</a>
<ul class="nav-dropdown-items">
<li class="nav-item"><a class="nav-link" href="buttons/buttons.html"><i class="nav-icon la la-lg la-cursor"></i> Buttons</a></li>
<li class="nav-item"><a class="nav-link" href="buttons/button-group.html"><i class="nav-icon la la-lg la-cursor"></i> Buttons Group</a></li>
<li class="nav-item"><a class="nav-link" href="buttons/dropdowns.html"><i class="nav-icon la la-lg la-cursor"></i> Dropdowns</a></li>
<li class="nav-item"><a class="nav-link" href="buttons/brand-buttons.html"><i class="nav-icon la la-lg la-cursor"></i> Brand Buttons</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="charts.html"><i class="nav-icon la la-lg la-pie-chart"></i> Charts</a></li>
<li class="nav-item nav-dropdown"><a class="nav-link nav-dropdown-toggle" href="#"><i class="nav-icon la la-lg la-star"></i> Icons</a>
<ul class="nav-dropdown-items">
<li class="nav-item"><a class="nav-link" href="icons/line-awesome.html"> Line Awesome<span class="badge badge-primary">NEW</span></a></li>
<li class="nav-item"><a class="nav-link" href="icons/coreui-icons.html"> CoreUI Icons</a></li>
<li class="nav-item"><a class="nav-link" href="icons/flags.html"> Flags</a></li>
<li class="nav-item"><a class="nav-link" href="icons/font-awesome.html"> Font Awesome</a></li>
<li class="nav-item"><a class="nav-link" href="icons/simple-line-icons.html"> 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 la la-lg la-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 la la-lg la-bell"></i> Alerts</a></li>
<li class="nav-item"><a class="nav-link" href="notifications/badge.html"><i class="nav-icon la la-lg la-bell"></i> Badge</a></li>
<li class="nav-item"><a class="nav-link" href="notifications/modals.html"><i class="nav-icon la la-lg la-bell"></i> Modals</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="widgets.html"><i class="nav-icon la la-lg la-calculator"></i> Widgets</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 la la-lg la-file"></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 la la-lg la-star"></i> Login</a></li>
<li class="nav-item"><a class="nav-link" href="register.html" target="_top"><i class="nav-icon la la-lg la-star"></i> Register</a></li>
<li class="nav-item"><a class="nav-link" href="404.html" target="_top"><i class="nav-icon la la-lg la-star"></i> Error 404</a></li>
<li class="nav-item"><a class="nav-link" href="500.html" target="_top"><i class="nav-icon la la-lg la-star"></i> Error 500</a></li>
</ul>
</li>
</ul>
</nav>
</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>