UNPKG

@digitallyhappy/backstrap

Version:

Free Bootstrap 4 Admin Panel HTML Template

432 lines (430 loc) 147 kB
<!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>