Mercurial > nebulaweb3
diff default/icons-material-design.html @ 0:1d038bc9b3d2 default tip
Up:default
| author | Liny <dev@neowd.com> |
|---|---|
| date | Sat, 31 May 2025 09:21:51 +0800 |
| parents | |
| children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/default/icons-material-design.html Sat May 31 09:21:51 2025 +0800 @@ -0,0 +1,3479 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"> + <link rel="icon" type="image/png" sizes="16x16" href="assets/demo/favicon.png"> + <link rel="stylesheet" href="assets/css/pace.css"> + <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> + <title>Material Design</title> + <!-- CSS --> + <link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600|Roboto:400" rel="stylesheet" type="text/css"> + <link href="assets/vendors/material-icons/material-icons.css" rel="stylesheet" type="text/css"> + <link href="assets/vendors/mono-social-icons/monosocialiconsfont.css" rel="stylesheet" type="text/css"> + <link href="assets/vendors/feather-icons/feather.css" rel="stylesheet" type="text/css"> + <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.7.0/css/perfect-scrollbar.min.css" rel="stylesheet" type="text/css"> + <link href="assets/css/style.css" rel="stylesheet" type="text/css"> + <!-- Head Libs --> + <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> + <script data-pace-options='{ "ajax": false, "selectors": [ "img" ]}' src="https://cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.min.js"></script> +</head> + +<body class="header-dark sidebar-light sidebar-expand icons-page"> + <div id="wrapper" class="wrapper"> + <!-- HEADER & TOP NAVIGATION --> + <nav class="navbar"> + <!-- Logo Area --> + <div class="navbar-header"> + <a href="index.html" class="navbar-brand"> + <img class="logo-expand" alt="" src="assets/demo/logo-expand.png"> + <img class="logo-collapse" alt="" src="assets/demo/logo-collapse.png"> + <!-- <p>BonVue</p> --> + </a> + </div> + <!-- /.navbar-header --> + <!-- Left Menu & Sidebar Toggle --> + <ul class="nav navbar-nav"> + <li class="sidebar-toggle"><a href="javascript:void(0)" class="ripple"><i class="feather feather-menu list-icon fs-20"></i></a> + </li> + </ul> + <!-- /.navbar-left --> + <!-- Search Form --> + <form class="navbar-search d-none d-sm-block" role="search"><i class="feather feather-search list-icon"></i> + <input type="search" class="search-query" placeholder="Search anything..."> <a href="javascript:void(0);" class="remove-focus"><i class="feather feather-x"></i></a> + </form> + <!-- /.navbar-search --> + <div class="spacer"></div> + <!-- Button: Create New --> + <div class="btn-list dropdown d-none d-md-flex mr-4 mr-0-rtl ml-4-rtl"><a href="javascript:void(0);" class="btn btn-primary dropdown-toggle ripple" data-toggle="dropdown"><i class="feather feather-plus list-icon"></i> Create New</a> + <div class="dropdown-menu dropdown-left animated flipInY"><span class="dropdown-header">Create new ...</span> <a class="dropdown-item" href="#">Projects</a> <a class="dropdown-item" href="#">User Profile</a> <a class="dropdown-item" href="#"><span class="d-flex align-items-end"><span class="flex-1">To-do Item</span> <span class="badge badge-pill bg-primary-contrast">7</span> </span></a> + <a + class="dropdown-item" href="#"><span class="d-flex align-items-end"><span class="flex-1">Mail</span> <span class="badge badge-pill bg-color-scheme-contrast">23</span></span> + </a> + <div class="dropdown-divider"></div><a class="dropdown-item" href="#"><span class="d-flex align-items-center"><span class="flex-1">Settings</span> <i class="feather feather-settings list-icon icon-muted"></i></span></a> + </div> + </div> + <!-- /.btn-list --> + <!-- User Image with Dropdown --> + <ul class="nav navbar-nav"> + <li class="dropdown"><a href="javascript:void(0);" class="dropdown-toggle ripple" data-toggle="dropdown"><span class="avatar thumb-xs2"><img src="assets/demo/users/user1.jpg" class="rounded-circle" alt=""> <i class="feather feather-chevron-down list-icon"></i></span></a> + <div + class="dropdown-menu dropdown-left dropdown-card dropdown-card-profile animated flipInY"> + <div class="card"> + <header class="card-header d-flex mb-0"><a href="javascript:void(0);" class="col-md-4 text-center"><i class="feather feather-user-plus align-middle"></i> </a><a href="javascript:void(0);" class="col-md-4 text-center"><i class="feather feather-settings align-middle"></i> </a> + <a + href="javascript:void(0);" class="col-md-4 text-center"><i class="feather feather-power align-middle"></i> + </a> + </header> + <ul class="list-unstyled card-body"> + <li><a href="#"><span><span class="align-middle">Manage Accounts</span></span></a> + </li> + <li><a href="#"><span><span class="align-middle">Change Password</span></span></a> + </li> + <li><a href="#"><span><span class="align-middle">Check Inbox</span></span></a> + </li> + <li><a href="#"><span><span class="align-middle">Sign Out</span></span></a> + </li> + </ul> + </div> + </div> + </li> + </ul> + <!-- /.navbar-right --> + <!-- Right Menu --> + <ul class="nav navbar-nav d-none d-lg-flex ml-2 ml-0-rtl"> + <li class="dropdown"><a href="javascript:void(0);" class="dropdown-toggle ripple" data-toggle="dropdown"><i class="feather feather-hash list-icon"></i></a> + <div class="dropdown-menu dropdown-left dropdown-card animated flipInY"> + <div class="card"> + <header class="card-header d-flex align-items-center mb-0"><a href="javascript:void(0);"><i class="feather feather-bell color-color-scheme" aria-hidden="true"></i></a> <span class="heading-font-family flex-1 text-center fw-400">Notifications</span> <a href="javascript:void(0);"><i class="feather feather-settings color-content"></i></a> + </header> + <ul class="card-body list-unstyled dropdown-list-group"> + <li><a href="#" class="media"><span class="d-flex thumb-xs"><img src="assets/demo/users/user3.jpg" class="rounded-circle" alt=""> </span><span class="media-body"><span class="heading-font-family media-heading">Dany Miles </span><span class="media-content">commented on your photo</span> <span class="user--online float-right my-auto"></span></span></a> + </li> + <li><a href="#" class="media"><span class="d-flex thumb-xs"><img src="assets/demo/users/user6.jpg" class="rounded-circle" alt=""> </span><span class="media-body"><span class="heading-font-family media-heading">Emily Woodworth </span><span class="media-content">posted a photo on your wall.</span></span></a> + </li> + <li><a href="#" class="media"><span class="d-flex thumb-xs"><img src="assets/demo/users/user2.jpg" class="rounded-circle" alt=""> </span><span class="media-body"><span class="heading-font-family media-heading">Palmer Kate </span><span class="media-content">just mentioned you in his post</span></span></a> + </li> + </ul> + <!-- /.dropdown-list-group --> + <footer class="card-footer text-center"><a href="javascript:void(0);" class="heading-font-family text-uppercase fs-13">See all activity</a> + </footer> + </div> + <!-- /.card --> + </div> + <!-- /.dropdown-menu --> + </li> + <!-- /.dropdown --> + <li class="dropdown"><a href="#" class="dropdown-toggle ripple" data-toggle="dropdown"><i class="feather feather-settings list-icon"></i></a> + <div class="dropdown-menu dropdown-left dropdown-card animated flipInY"> + <div class="card"> + <header class="card-header d-flex justify-content-between mb-0"><a href="javascript:void(0);"><i class="feather feather-bell color-color-scheme" aria-hidden="true"></i></a> <span class="heading-font-family flex-1 text-center fw-400">Notifications</span> <a href="javascript:void(0);"><i class="feather feather-settings color-content"></i></a> + </header> + <ul class="card-body list-unstyled dropdown-list-group"> + <li><a href="#" class="media"><span class="d-flex"><i class="material-icons list-icon">check</i> </span><span class="media-body"><span class="heading-font-family media-heading">Invitation accepted</span> <span class="media-content">Your have been Invited ...</span></span></a> + </li> + <li><a href="#" class="media"><span class="d-flex thumb-xs"><img src="assets/demo/users/user3.jpg" class="rounded-circle" alt=""> </span><span class="media-body"><span class="heading-font-family media-heading">Steve Smith</span> <span class="media-content">I slowly updated projects</span> <span class="user--online float-right"></span></span></a> + </li> + <li><a href="#" class="media"><span class="d-flex"><i class="material-icons list-icon">event_available</i> </span><span class="media-body"><span class="-heading-font-family media-heading">To Do</span> <span class="media-content">Meeting with Nathan on Friday 8 AM ...</span></span></a> + </li> + </ul> + <!-- /.dropdown-list-group --> + <footer class="card-footer text-center"><a href="javascript:void(0);" class="headings-font-family text-uppercase fs-13">See all activity</a> + </footer> + </div> + <!-- /.card --> + </div> + <!-- /.dropdown-menu --> + </li> + <!-- /.dropdown --> + <li><a href="javascript:void(0);" class="right-sidebar-toggle active ripple ml-3 ml-0-rtl"><i class="feather feather-grid list-icon"></i></a> + </li> + </ul> + <!-- /.navbar-right --> + </nav> + <!-- /.navbar --> + <div class="content-wrapper"> + <!-- SIDEBAR --> + <aside class="site-sidebar scrollbar-enabled" data-suppress-scroll-x="true"> + <!-- User Details --> + <div class="side-user"> + <div class="col-sm-12 text-center p-0 clearfix"> + <div class="d-inline-block pos-relative mr-b-10"> + <figure class="thumb-sm mr-b-0 user--online"> + <img src="assets/demo/users/user1.jpg" class="rounded-circle" alt=""> + </figure><a href="page-profile.html" class="text-muted side-user-link"><i class="feather feather-settings list-icon"></i></a> + </div> + <!-- /.d-inline-block --> + <div class="lh-14 mr-t-5"><a href="page-profile.html" class="hide-menu mt-3 mb-0 side-user-heading fw-500">Scott Adams</a> + <br><small class="hide-menu">Developer</small> + </div> + </div> + <!-- /.col-sm-12 --> + </div> + <!-- /.side-user --> + <!-- Sidebar Menu --> + <nav class="sidebar-nav"> + <ul class="nav in side-menu"> + <li class="current-page menu-item-has-children"><a href="javascript:void(0);"><i class="list-icon feather feather-command"></i> <span class="hide-menu">Dashboard</span></a> + <ul class="list-unstyled sub-menu"> + <li><a href="index.html">Default</a> + </li> + <li><a href="index-real-estate.html">Real Estate</a> + </li> + <li><a href="index-job-board.html">Jobs Board</a> + </li> + <li><a href="index-lms.html">LMS</a> + </li> + <li><a href="index-rtl.html">RTL Demo</a> + </li> + </ul> + </li> + <li class="menu-item-has-children active"><a href="javascript:void(0);"><i class="list-icon feather feather-briefcase"></i> <span class="hide-menu">Apps</span></a> + <ul class="list-unstyled sub-menu"> + <li><a href="app-calender.html">Calender</a> + </li> + <li><a href="app-chat.html">Chat</a> + </li> + <li><a href="app-inbox.html">Inbox</a> + </li> + <li><a href="app-inbox-compose.html">Compose mail</a> + </li> + <li><a href="app-contacts.html">Contacts</a> + </li> + <li><a href="app-products.html">Products</a> + </li> + <li><a href="app-blog.html">Blog</a> + </li> + <li><a href="app-blog-single.html">Blog Single</a> + </li> + </ul> + </li> + <li class="menu-item-has-children"><a href="javascript:void(0);"><i class="list-icon feather feather-user"></i> <span class="hide-menu">Profile Pages</span></a> + <ul class="list-unstyled sub-menu"> + <li><a href="page-profile.html">Profile</a> + </li> + <li><a href="page-login.html">Login Page</a> + </li> + <li><a href="page-login2.html">Login Page 2</a> + </li> + <li><a href="page-register.html">Sign Up</a> + </li> + <li><a href="page-register2.html">Sign Up 2</a> + </li> + <li><a href="page-register-3-step.html">3 Step Sign Up</a> + </li> + <li><a href="page-forgot-pwd.html">Forgot Password</a> + </li> + <li><a href="page-email-confirm.html">Confirm Email</a> + </li> + <li><a href="page-lock-screen.html">Lock Screen</a> + </li> + <li><a href="page-timeline.html">Timeline</a> + </li> + <li class="menu-item-has-children"><a href="javascript:void(0);">Error Pages</a> + <ul class="list-unstyled sub-menu"> + <li><a href="page-error-403.html">Error 403</a> + </li> + <li><a href="page-error-404.html">Error 404</a> + </li> + <li><a href="page-error-500.html">Error 500</a> + </li> + <li><a href="page-error-503.html">Error 503</a> + </li> + </ul> + </li> + </ul> + </li> + <li class="menu-item-has-children"><a href="javascript:void(0);"><i class="list-icon feather feather-feather"></i> <span class="hide-menu">UI Elements</span></a> + <ul class="list-unstyled sub-menu"> + <li><a href="ui-typography.html">Typography</a> + </li> + <li><a href="ui-buttons.html">Buttons</a> + </li> + <li><a href="ui-cards.html">Cards</a> + </li> + <li><a href="ui-tabs.html">Tabs</a> + </li> + <li><a href="ui-accordions.html">Accordions</a> + </li> + <li><a href="ui-modals.html">Modals</a> + </li> + <li><a href="ui-icon-boxes.html">Icon Boxes</a> + </li> + <li><a href="ui-lists.html">Lists & Media Object</a> + </li> + <li><a href="ui-grid.html">Grid</a> + </li> + <li><a href="ui-progress.html">Progress Bars</a> + </li> + <li><a href="ui-notifications.html">Notifications & Alerts</a> + </li> + <li><a href="ui-pagination.html">Pagination</a> + </li> + <li><a href="ui-media.html">Media</a> + </li> + <li><a href="ui-carousel.html">Carousel</a> + </li> + <li><a href="ui-bootstrap.html">Bootstrap Elements</a> + </li> + </ul> + </li> + <li class="menu-item-has-children"><a href="javascript:void(0);"><i class="list-icon feather feather-layout"></i> <span class="hide-menu">Forms</span></a> + <ul class="list-unstyled sub-menu"> + <li><a href="form-elements.html">Elements</a> + </li> + <li><a href="form-material.html">Material Design</a> + </li> + <li><a href="form-validation.html">Form Validation</a> + </li> + <li><a href="form-dropzone.html">File Upload</a> + </li> + <li><a href="form-pickers.html">Picker</a> + </li> + <li><a href="form-select.html">Select and Multiselect</a> + </li> + <li><a href="form-tags-categories.html">Tags and Categories</a> + </li> + <li><a href="form-addons.html">Addons</a> + </li> + <li><a href="form-editors.html">Editors</a> + </li> + </ul> + </li> + <li class="menu-item-has-children"><a href="javascript:void(0);"><i class="list-icon feather feather-folder"></i> <span class="hide-menu">Sample Pages</span></a> + <ul class="list-unstyled sub-menu"> + <li><a href="page-blank.html">Blank Page</a> + </li> + <li class="menu-item-has-children"><a href="javascript:void(0);">Email Templates</a> + <ul class="list-unstyled sub-menu"> + <li><a href="email-templates/basic.html">Basic</a> + </li> + <li><a href="email-templates/billing.html">Billing</a> + </li> + <li><a href="email-templates/friend-request.html">Friend Request</a> + </li> + </ul> + </li> + <li class="menu-item-has-children"><a href="javascript:void(0);">Maps</a> + <ul class="list-unstyled sub-menu"> + <li><a href="maps-google.html">Google Maps</a> + </li> + <li><a href="maps-vector.html">Vector Maps</a> + </li> + </ul> + </li> + <li><a href="page-lightbox.html">Lightbox Popup</a> + </li> + <li><a href="page-sitemap.html">Sitemap</a> + </li> + <li><a href="page-search-results.html">Search Results</a> + </li> + <li><a href="page-custom-scroll.html">Custom Scroll</a> + </li> + <li><a href="page-utility-classes.html">Utility Classes</a> + </li> + <li><a href="page-animations.html">Animations</a> + </li> + <li><a href="page-faq.html">FAQ</a> + </li> + <li><a href="page-pricing-table.html">Pricing</a> + </li> + <li><a href="page-invoice.html">Invoice</a> + </li> + </ul> + </li> + <li class="menu-item-has-children"><a href="javascript:void(0);"><i class="list-icon feather feather-clipboard"></i> <span class="hide-menu">Tables</span></a> + <ul class="list-unstyled sub-menu"> + <li><a href="tables-basic.html">Basic Tables</a> + </li> + <li><a href="tables-data-table.html">Data Table</a> + </li> + <li><a href="tables-bootstrap.html">Bootstrap Tables</a> + </li> + <li><a href="tables-responsive.html">Responsive Tables</a> + </li> + <li><a href="tables-editable.html">Editable Tables</a> + </li> + </ul> + </li> + <li class="menu-item-has-children"><a href="javascript:void(0);"><i class="list-icon feather feather-pie-chart"></i> <span class="hide-menu">Charts</span></a> + <ul class="list-unstyled sub-menu"> + <li><a href="charts-flot.html">Flot Charts</a> + </li> + <li><a href="charts-morris.html">Morris Charts</a> + </li> + <li><a href="charts-js.html">Chart-js</a> + </li> + <li><a href="charts-sparkline.html">Sparkline Charts</a> + </li> + <li><a href="charts-knob.html">Knob Charts</a> + </li> + </ul> + </li> + <li class="menu-item-has-children"><a href="javascript:void(0);"><i class="list-icon feather feather-heart"></i> <span class="hide-menu">Icons</span></a> + <ul class="list-unstyled sub-menu"> + <li><a href="icons-material-design.html">Material Design</a> + </li> + <li><a href="icons-font-awesome.html">Font Awesome</a> + </li> + <li><a href="icons-mono-social.html">Social Icons</a> + </li> + <li><a href="icons-weather.html">Weather Icons</a> + </li> + <li><a href="icons-linea.html">Linea Icons</a> + </li> + <li><a href="icons-feather.html">Feather Icons</a> + </li> + </ul> + </li> + </ul> + <!-- /.side-menu --> + </nav> + <!-- /.sidebar-nav --> + <div class="sidebar-module nav-contact-info mx-3 mt-4 mb-3"> + <div class="d-flex flex-column align-items-center"> + <h6 class="mb-2 fs-14">Need Help</h6><i class="feather feather-bell fs-24 color-color-scheme"></i> + </div> + <!-- /.d-flex --> + <div class="contact-info-body bg-content-color-contrast text-center"> + <p class="lh-25 headings-font-family">+1 888 543 7432 + <br>[email protected] + <br><a href="#">Visit FAQ</a> + </p> + </div> + <!-- /.contact-info-body --> + </div> + <!-- /.nav-contact-info --> + </aside> + <!-- /.site-sidebar --> + <main class="main-wrapper clearfix"> + <!-- Page Title Area --> + <div class="row page-title clearfix"> + <div class="page-title-left"> + <h6 class="page-title-heading mr-0 mr-r-5">Material Design</h6> + <p class="page-title-description mr-0 d-none d-md-inline-block">statistics, charts and events</p> + </div> + <!-- /.page-title-left --> + <div class="page-title-right d-none d-sm-inline-flex"> + <ol class="breadcrumb"> + <li class="breadcrumb-item"><a href="index.html">Dashboard</a> + </li> + <li class="breadcrumb-item active">Material Design</li> + </ol> + <div class="d-none d-md-inline-flex justify-center align-items-center"><a href="javascript: void(0);" class="btn btn-color-scheme btn-sm fs-11 fw-400 mr-l-40 pd-lr-10 mr-l-0-rtl mr-r-40-rtl hidden-xs hidden-sm ripple" target="_blank">Buy Now</a> + </div> + </div> + <!-- /.page-title-right --> + </div> + <!-- /.page-title --> + <!-- =================================== --> + <!-- Different data widgets ============ --> + <!-- =================================== --> + <div class="widget-list"> + <div class="row"> + <div class="col-md-12 widget-holder"> + <div class="widget-bg"> + <div class="widget-body clearfix"> + <h5 class="box-title mr-b-0">Action</h5> + <p class="text-muted">Sample code: <code><i class="material-icons list-icon">alarm</i></code> + </p> + <div class="row text-center"> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">3d_rotation</i> + <br><small>3d_rotation</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">accessibility</i> + <br><small>accessibility</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">accessible</i> + <br><small>accessible</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">account_balance</i> + <br><small>account_balance</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">account_balance_wallet</i> + <br><small>account_balance_wallet</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">account_box</i> + <br><small>account_box</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">account_circle</i> + <br><small>account_circle</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">add_shopping_cart</i> + <br><small>add_shopping_cart</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">alarm</i> + <br><small>alarm</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">alarm_add</i> + <br><small>alarm_add</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">alarm_off</i> + <br><small>alarm_off</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">alarm_on</i> + <br><small>alarm_on</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">all_out</i> + <br><small>all_out</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">android</i> + <br><small>android</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">announcement</i> + <br><small>announcement</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">aspect_ratio</i> + <br><small>aspect_ratio</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">assessment</i> + <br><small>assessment</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">assignment</i> + <br><small>assignment</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">assignment_ind</i> + <br><small>assignment_ind</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">assignment_late</i> + <br><small>assignment_late</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">assignment_return</i> + <br><small>assignment_return</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">assignment_returned</i> + <br><small>assignment_returned</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">assignment_turned_in</i> + <br><small>assignment_turned_in</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">autorenew</i> + <br><small>autorenew</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">backup</i> + <br><small>backup</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">book</i> + <br><small>book</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">bookmark</i> + <br><small>bookmark</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">bookmark_border</i> + <br><small>bookmark_border</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">bug_report</i> + <br><small>bug_report</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">build</i> + <br><small>build</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">cached</i> + <br><small>cached</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">camera_enhance</i> + <br><small>camera_enhance</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">card_giftcard</i> + <br><small>card_giftcard</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">card_membership</i> + <br><small>card_membership</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">card_travel</i> + <br><small>card_travel</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">change_history</i> + <br><small>change_history</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">check_circle</i> + <br><small>check_circle</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">chrome_reader_mode</i> + <br><small>chrome_reader_mode</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">class</i> + <br><small>class</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">code</i> + <br><small>code</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">compare_arrows</i> + <br><small>compare_arrows</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">copyright</i> + <br><small>copyright</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">credit_card</i> + <br><small>credit_card</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">dashboard</i> + <br><small>dashboard</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">date_range</i> + <br><small>date_range</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">delete</i> + <br><small>delete</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">delete_forever</i> + <br><small>delete_forever</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">description</i> + <br><small>description</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">dns</i> + <br><small>dns</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">done</i> + <br><small>done</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">done_all</i> + <br><small>done_all</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">donut_large</i> + <br><small>donut_large</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">donut_small</i> + <br><small>donut_small</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">eject</i> + <br><small>eject</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">euro_symbol</i> + <br><small>euro_symbol</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">event</i> + <br><small>event</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">event_seat</i> + <br><small>event_seat</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">exit_to_app</i> + <br><small>exit_to_app</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">explore</i> + <br><small>explore</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">extension</i> + <br><small>extension</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">face</i> + <br><small>face</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">favorite</i> + <br><small>favorite</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">favorite_border</i> + <br><small>favorite_border</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">feedback</i> + <br><small>feedback</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">find_in_page</i> + <br><small>find_in_page</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">find_replace</i> + <br><small>find_replace</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">fingerprint</i> + <br><small>fingerprint</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">flight_land</i> + <br><small>flight_land</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">flight_takeoff</i> + <br><small>flight_takeoff</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">flip_to_back</i> + <br><small>flip_to_back</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">flip_to_front</i> + <br><small>flip_to_front</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">g_translate</i> + <br><small>g_translate</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">gavel</i> + <br><small>gavel</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">get_app</i> + <br><small>get_app</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">gif</i> + <br><small>gif</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">grade</i> + <br><small>grade</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">group_work</i> + <br><small>group_work</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">help</i> + <br><small>help</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">help_outline</i> + <br><small>help_outline</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">highlight_off</i> + <br><small>highlight_off</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">history</i> + <br><small>history</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">home</i> + <br><small>home</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">hourglass_empty</i> + <br><small>hourglass_empty</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">hourglass_full</i> + <br><small>hourglass_full</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">http</i> + <br><small>http</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">https</i> + <br><small>https</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">important_devices</i> + <br><small>important_devices</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">info</i> + <br><small>info</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">info_outline</i> + <br><small>info_outline</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">input</i> + <br><small>input</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">invert_colors</i> + <br><small>invert_colors</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">label</i> + <br><small>label</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">label_outline</i> + <br><small>label_outline</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">language</i> + <br><small>language</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">launch</i> + <br><small>launch</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">lightbulb_outline</i> + <br><small>lightbulb_outline</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">line_style</i> + <br><small>line_style</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">line_weight</i> + <br><small>line_weight</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">list</i> + <br><small>list</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">lock</i> + <br><small>lock</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">lock_open</i> + <br><small>lock_open</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">lock_outline</i> + <br><small>lock_outline</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">loyalty</i> + <br><small>loyalty</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">markunread_mailbox</i> + <br><small>markunread_mailbox</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">motorcycle</i> + <br><small>motorcycle</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">note_add</i> + <br><small>note_add</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">offline_pin</i> + <br><small>offline_pin</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">opacity</i> + <br><small>opacity</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">open_in_browser</i> + <br><small>open_in_browser</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">open_in_new</i> + <br><small>open_in_new</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">open_with</i> + <br><small>open_with</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">pageview</i> + <br><small>pageview</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">pan_tool</i> + <br><small>pan_tool</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">payment</i> + <br><small>payment</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">perm_camera_mic</i> + <br><small>perm_camera_mic</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">perm_contact_calendar</i> + <br><small>perm_contact_calendar</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">perm_data_setting</i> + <br><small>perm_data_setting</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">perm_device_information</i> + <br><small>perm_device_information</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">perm_identity</i> + <br><small>perm_identity</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">perm_media</i> + <br><small>perm_media</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">perm_phone_msg</i> + <br><small>perm_phone_msg</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">perm_scan_wifi</i> + <br><small>perm_scan_wifi</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">pets</i> + <br><small>pets</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">picture_in_picture</i> + <br><small>picture_in_picture</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">picture_in_picture_alt</i> + <br><small>picture_in_picture_alt</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">play_for_work</i> + <br><small>play_for_work</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">polymer</i> + <br><small>polymer</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">power_settings_new</i> + <br><small>power_settings_new</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">pregnant_woman</i> + <br><small>pregnant_woman</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">print</i> + <br><small>print</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">query_builder</i> + <br><small>query_builder</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">question_answer</i> + <br><small>question_answer</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">receipt</i> + <br><small>receipt</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">record_voice_over</i> + <br><small>record_voice_over</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">redeem</i> + <br><small>redeem</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">remove_shopping_cart</i> + <br><small>remove_shopping_cart</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">reorder</i> + <br><small>reorder</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">report_problem</i> + <br><small>report_problem</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">restore</i> + <br><small>restore</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">restore_page</i> + <br><small>restore_page</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">room</i> + <br><small>room</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">rounded_corner</i> + <br><small>rounded_corner</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">rowing</i> + <br><small>rowing</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">schedule</i> + <br><small>schedule</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">search</i> + <br><small>search</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings</i> + <br><small>settings</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_applications</i> + <br><small>settings_applications</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_backup_restore</i> + <br><small>settings_backup_restore</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_bluetooth</i> + <br><small>settings_bluetooth</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_brightness</i> + <br><small>settings_brightness</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_cell</i> + <br><small>settings_cell</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_ethernet</i> + <br><small>settings_ethernet</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_input_antenna</i> + <br><small>settings_input_antenna</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_input_component</i> + <br><small>settings_input_component</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_input_composite</i> + <br><small>settings_input_composite</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_input_hdmi</i> + <br><small>settings_input_hdmi</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_input_svideo</i> + <br><small>settings_input_svideo</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_overscan</i> + <br><small>settings_overscan</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_phone</i> + <br><small>settings_phone</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_power</i> + <br><small>settings_power</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_remote</i> + <br><small>settings_remote</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_voice</i> + <br><small>settings_voice</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">shop</i> + <br><small>shop</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">shop_two</i> + <br><small>shop_two</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">shopping_basket</i> + <br><small>shopping_basket</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">shopping_cart</i> + <br><small>shopping_cart</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">speaker_notes</i> + <br><small>speaker_notes</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">speaker_notes_off</i> + <br><small>speaker_notes_off</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">spellcheck</i> + <br><small>spellcheck</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">star_rate</i> + <br><small>star_rate</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">stars</i> + <br><small>stars</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">store</i> + <br><small>store</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">subject</i> + <br><small>subject</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">supervisor_account</i> + <br><small>supervisor_account</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">swap_horiz</i> + <br><small>swap_horiz</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">swap_vert</i> + <br><small>swap_vert</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">swap_vertical_circle</i> + <br><small>swap_vertical_circle</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">system_update_alt</i> + <br><small>system_update_alt</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">tab</i> + <br><small>tab</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">tab_unselected</i> + <br><small>tab_unselected</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">theaters</i> + <br><small>theaters</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">thumb_down</i> + <br><small>thumb_down</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">thumb_up</i> + <br><small>thumb_up</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">thumbs_up_down</i> + <br><small>thumbs_up_down</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">timeline</i> + <br><small>timeline</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">toc</i> + <br><small>toc</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">today</i> + <br><small>today</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">toll</i> + <br><small>toll</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">touch_app</i> + <br><small>touch_app</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">track_changes</i> + <br><small>track_changes</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">translate</i> + <br><small>translate</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">trending_down</i> + <br><small>trending_down</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">trending_flat</i> + <br><small>trending_flat</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">trending_up</i> + <br><small>trending_up</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">turned_in</i> + <br><small>turned_in</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">turned_in_not</i> + <br><small>turned_in_not</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">update</i> + <br><small>update</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">verified_user</i> + <br><small>verified_user</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_agenda</i> + <br><small>view_agenda</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_array</i> + <br><small>view_array</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_carousel</i> + <br><small>view_carousel</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_column</i> + <br><small>view_column</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_day</i> + <br><small>view_day</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_headline</i> + <br><small>view_headline</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_list</i> + <br><small>view_list</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_module</i> + <br><small>view_module</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_quilt</i> + <br><small>view_quilt</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_stream</i> + <br><small>view_stream</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_week</i> + <br><small>view_week</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">visibility</i> + <br><small>visibility</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">visibility_off</i> + <br><small>visibility_off</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">watch_later</i> + <br><small>watch_later</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">work</i> + <br><small>work</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">youtube_searched_for</i> + <br><small>youtube_searched_for</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">zoom_in</i> + <br><small>zoom_in</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">zoom_out</i> + <br><small>zoom_out</small> + </div> + </div> + <!-- /.row --> + <hr> + <h5 class="box-title">Alert</h5> + <div class="row text-center"> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">add_alert</i> + <br><small>add_alert</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">error</i> + <br><small>error</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">error_outline</i> + <br><small>error_outline</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">warning</i> + <br><small>warning</small> + </div> + </div> + <!-- /.row --> + <hr> + <h5 class="box-title">AV</h5> + <div class="row text-center"> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">add_to_queue</i> + <br><small>add_to_queue</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">airplay</i> + <br><small>airplay</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">album</i> + <br><small>album</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">art_track</i> + <br><small>art_track</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">av_timer</i> + <br><small>av_timer</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">branding_watermark</i> + <br><small>branding_watermark</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">call_to_action</i> + <br><small>call_to_action</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">closed_caption</i> + <br><small>closed_caption</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">equalizer</i> + <br><small>equalizer</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">explicit</i> + <br><small>explicit</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">fast_forward</i> + <br><small>fast_forward</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">fast_rewind</i> + <br><small>fast_rewind</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">featured_play_list</i> + <br><small>featured_play_list</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">featured_video</i> + <br><small>featured_video</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">fiber_dvr</i> + <br><small>fiber_dvr</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">fiber_manual_record</i> + <br><small>fiber_manual_record</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">fiber_new</i> + <br><small>fiber_new</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">fiber_pin</i> + <br><small>fiber_pin</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">fiber_smart_record</i> + <br><small>fiber_smart_record</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">forward_10</i> + <br><small>forward_10</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">forward_30</i> + <br><small>forward_30</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">forward_5</i> + <br><small>forward_5</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">games</i> + <br><small>games</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">hd</i> + <br><small>hd</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">hearing</i> + <br><small>hearing</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">high_quality</i> + <br><small>high_quality</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">library_add</i> + <br><small>library_add</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">library_books</i> + <br><small>library_books</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">library_music</i> + <br><small>library_music</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">loop</i> + <br><small>loop</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">mic</i> + <br><small>mic</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">mic_none</i> + <br><small>mic_none</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">mic_off</i> + <br><small>mic_off</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">movie</i> + <br><small>movie</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">music_video</i> + <br><small>music_video</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">new_releases</i> + <br><small>new_releases</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">not_interested</i> + <br><small>not_interested</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">note</i> + <br><small>note</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">pause</i> + <br><small>pause</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">pause_circle_filled</i> + <br><small>pause_circle_filled</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">pause_circle_outline</i> + <br><small>pause_circle_outline</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">play_arrow</i> + <br><small>play_arrow</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">play_circle_filled</i> + <br><small>play_circle_filled</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">play_circle_outline</i> + <br><small>play_circle_outline</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">playlist_add</i> + <br><small>playlist_add</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">playlist_add_check</i> + <br><small>playlist_add_check</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">playlist_play</i> + <br><small>playlist_play</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">queue</i> + <br><small>queue</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">queue_music</i> + <br><small>queue_music</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">queue_play_next</i> + <br><small>queue_play_next</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">radio</i> + <br><small>radio</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">recent_actors</i> + <br><small>recent_actors</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">remove_from_queue</i> + <br><small>remove_from_queue</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">repeat</i> + <br><small>repeat</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">repeat_one</i> + <br><small>repeat_one</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">replay</i> + <br><small>replay</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">replay_10</i> + <br><small>replay_10</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">replay_30</i> + <br><small>replay_30</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">replay_5</i> + <br><small>replay_5</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">shuffle</i> + <br><small>shuffle</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">skip_next</i> + <br><small>skip_next</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">skip_previous</i> + <br><small>skip_previous</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">slow_motion_video</i> + <br><small>slow_motion_video</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">snooze</i> + <br><small>snooze</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sort_by_alpha</i> + <br><small>sort_by_alpha</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">stop</i> + <br><small>stop</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">subscriptions</i> + <br><small>subscriptions</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">subtitles</i> + <br><small>subtitles</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">surround_sound</i> + <br><small>surround_sound</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">video_call</i> + <br><small>video_call</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">video_label</i> + <br><small>video_label</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">video_library</i> + <br><small>video_library</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">videocam</i> + <br><small>videocam</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">videocam_off</i> + <br><small>videocam_off</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">volume_down</i> + <br><small>volume_down</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">volume_mute</i> + <br><small>volume_mute</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">volume_off</i> + <br><small>volume_off</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">volume_up</i> + <br><small>volume_up</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">web</i> + <br><small>web</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">web_asset</i> + <br><small>web_asset</small> + </div> + </div> + <!-- /.row --> + <hr> + <h5 class="box-title">Communication</h5> + <div class="row text-center"> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">business</i> + <br><small>business</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">call</i> + <br><small>call</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">call_end</i> + <br><small>call_end</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">call_made</i> + <br><small>call_made</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">call_merge</i> + <br><small>call_merge</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">call_missed</i> + <br><small>call_missed</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">call_missed_outgoing</i> + <br><small>call_missed_outgoing</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">call_received</i> + <br><small>call_received</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">call_split</i> + <br><small>call_split</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">chat</i> + <br><small>chat</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">chat_bubble</i> + <br><small>chat_bubble</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">chat_bubble_outline</i> + <br><small>chat_bubble_outline</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">clear_all</i> + <br><small>clear_all</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">comment</i> + <br><small>comment</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">contact_mail</i> + <br><small>contact_mail</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">contact_phone</i> + <br><small>contact_phone</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">contacts</i> + <br><small>contacts</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">dialer_sip</i> + <br><small>dialer_sip</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">dialpad</i> + <br><small>dialpad</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">email</i> + <br><small>email</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">forum</i> + <br><small>forum</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">import_contacts</i> + <br><small>import_contacts</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">import_export</i> + <br><small>import_export</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">invert_colors_off</i> + <br><small>invert_colors_off</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">live_help</i> + <br><small>live_help</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">location_off</i> + <br><small>location_off</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">location_on</i> + <br><small>location_on</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">mail_outline</i> + <br><small>mail_outline</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">message</i> + <br><small>message</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">no_sim</i> + <br><small>no_sim</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phone</i> + <br><small>phone</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phonelink_erase</i> + <br><small>phonelink_erase</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phonelink_lock</i> + <br><small>phonelink_lock</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phonelink_ring</i> + <br><small>phonelink_ring</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phonelink_setup</i> + <br><small>phonelink_setup</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">portable_wifi_off</i> + <br><small>portable_wifi_off</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">present_to_all</i> + <br><small>present_to_all</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">ring_volume</i> + <br><small>ring_volume</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">rss_feed</i> + <br><small>rss_feed</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">screen_share</i> + <br><small>screen_share</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">speaker_phone</i> + <br><small>speaker_phone</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">stay_current_landscape</i> + <br><small>stay_current_landscape</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">stay_current_portrait</i> + <br><small>stay_current_portrait</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">stay_primary_landscape</i> + <br><small>stay_primary_landscape</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">stay_primary_portrait</i> + <br><small>stay_primary_portrait</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">stop_screen_share</i> + <br><small>stop_screen_share</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">swap_calls</i> + <br><small>swap_calls</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">textsms</i> + <br><small>textsms</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">voicemail</i> + <br><small>voicemail</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">vpn_key</i> + <br><small>vpn_key</small> + </div> + </div> + <!-- /.row --> + <hr> + <h5 class="box-title">Content</h5> + <div class="row text-center"> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">add</i> + <br><small>add</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">add_box</i> + <br><small>add_box</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">add_circle</i> + <br><small>add_circle</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">add_circle_outline</i> + <br><small>add_circle_outline</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">archive</i> + <br><small>archive</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">backspace</i> + <br><small>backspace</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">block</i> + <br><small>block</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">clear</i> + <br><small>clear</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">content_copy</i> + <br><small>content_copy</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">content_cut</i> + <br><small>content_cut</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">content_paste</i> + <br><small>content_paste</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">create</i> + <br><small>create</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">delete_sweep</i> + <br><small>delete_sweep</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">drafts</i> + <br><small>drafts</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_list</i> + <br><small>filter_list</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">flag</i> + <br><small>flag</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">font_download</i> + <br><small>font_download</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">forward</i> + <br><small>forward</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">gesture</i> + <br><small>gesture</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">inbox</i> + <br><small>inbox</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">link</i> + <br><small>link</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">low_priority</i> + <br><small>low_priority</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">mail</i> + <br><small>mail</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">markunread</i> + <br><small>markunread</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">move_to_inbox</i> + <br><small>move_to_inbox</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">next_week</i> + <br><small>next_week</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">redo</i> + <br><small>redo</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">remove</i> + <br><small>remove</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">remove_circle</i> + <br><small>remove_circle</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">remove_circle_outline</i> + <br><small>remove_circle_outline</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">reply</i> + <br><small>reply</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">reply_all</i> + <br><small>reply_all</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">report</i> + <br><small>report</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">save</i> + <br><small>save</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">select_all</i> + <br><small>select_all</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">send</i> + <br><small>send</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sort</i> + <br><small>sort</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">text_format</i> + <br><small>text_format</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">unarchive</i> + <br><small>unarchive</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">undo</i> + <br><small>undo</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">weekend</i> + <br><small>weekend</small> + </div> + </div> + <!-- /.row --> + <hr> + <h5 class="box-title">Device</h5> + <div class="row text-center"> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">access_alarm</i> + <br><small>access_alarm</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">access_alarms</i> + <br><small>access_alarms</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">access_time</i> + <br><small>access_time</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">add_alarm</i> + <br><small>add_alarm</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">airplanemode_active</i> + <br><small>airplanemode_active</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">airplanemode_inactive</i> + <br><small>airplanemode_inactive</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">battery_alert</i> + <br><small>battery_alert</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">battery_charging_full</i> + <br><small>battery_charging_full</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">battery_full</i> + <br><small>battery_full</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">battery_std</i> + <br><small>battery_std</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">battery_unknown</i> + <br><small>battery_unknown</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">bluetooth</i> + <br><small>bluetooth</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">bluetooth_connected</i> + <br><small>bluetooth_connected</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">bluetooth_disabled</i> + <br><small>bluetooth_disabled</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">bluetooth_searching</i> + <br><small>bluetooth_searching</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">brightness_auto</i> + <br><small>brightness_auto</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">brightness_high</i> + <br><small>brightness_high</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">brightness_low</i> + <br><small>brightness_low</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">brightness_medium</i> + <br><small>brightness_medium</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">data_usage</i> + <br><small>data_usage</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">developer_mode</i> + <br><small>developer_mode</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">devices</i> + <br><small>devices</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">dvr</i> + <br><small>dvr</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">gps_fixed</i> + <br><small>gps_fixed</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">gps_not_fixed</i> + <br><small>gps_not_fixed</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">gps_off</i> + <br><small>gps_off</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">graphic_eq</i> + <br><small>graphic_eq</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">location_disabled</i> + <br><small>location_disabled</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">location_searching</i> + <br><small>location_searching</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">network_cell</i> + <br><small>network_cell</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">network_wifi</i> + <br><small>network_wifi</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">nfc</i> + <br><small>nfc</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">screen_lock_landscape</i> + <br><small>screen_lock_landscape</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">screen_lock_portrait</i> + <br><small>screen_lock_portrait</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">screen_lock_rotation</i> + <br><small>screen_lock_rotation</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">screen_rotation</i> + <br><small>screen_rotation</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sd_storage</i> + <br><small>sd_storage</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_system_daydream</i> + <br><small>settings_system_daydream</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">signal_cellular_4_bar</i> + <br><small>signal_cellular_4_bar</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">signal_cellular_connected_no_internet_4_bar</i> + <br><small>signal_cellular_connected_no_internet_4_bar</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">signal_cellular_no_sim</i> + <br><small>signal_cellular_no_sim</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">signal_cellular_null</i> + <br><small>signal_cellular_null</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">signal_cellular_off</i> + <br><small>signal_cellular_off</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">signal_wifi_4_bar</i> + <br><small>signal_wifi_4_bar</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">signal_wifi_4_bar_lock</i> + <br><small>signal_wifi_4_bar_lock</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">signal_wifi_off</i> + <br><small>signal_wifi_off</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">storage</i> + <br><small>storage</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">usb</i> + <br><small>usb</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">wallpaper</i> + <br><small>wallpaper</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">widgets</i> + <br><small>widgets</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">wifi_lock</i> + <br><small>wifi_lock</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">wifi_tethering</i> + <br><small>wifi_tethering</small> + </div> + </div> + <!-- /.row --> + <hr> + <h5 class="box-title">Editor</h5> + <div class="row text-center"> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">attach_file</i> + <br><small>attach_file</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">attach_money</i> + <br><small>attach_money</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">border_all</i> + <br><small>border_all</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">border_bottom</i> + <br><small>border_bottom</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">border_clear</i> + <br><small>border_clear</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">border_color</i> + <br><small>border_color</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">border_horizontal</i> + <br><small>border_horizontal</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">border_inner</i> + <br><small>border_inner</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">border_left</i> + <br><small>border_left</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">border_outer</i> + <br><small>border_outer</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">border_right</i> + <br><small>border_right</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">border_style</i> + <br><small>border_style</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">border_top</i> + <br><small>border_top</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">border_vertical</i> + <br><small>border_vertical</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">bubble_chart</i> + <br><small>bubble_chart</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">drag_handle</i> + <br><small>drag_handle</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_align_center</i> + <br><small>format_align_center</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_align_justify</i> + <br><small>format_align_justify</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_align_left</i> + <br><small>format_align_left</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_align_right</i> + <br><small>format_align_right</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_bold</i> + <br><small>format_bold</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_clear</i> + <br><small>format_clear</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_color_fill</i> + <br><small>format_color_fill</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_color_reset</i> + <br><small>format_color_reset</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_color_text</i> + <br><small>format_color_text</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_indent_decrease</i> + <br><small>format_indent_decrease</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_indent_increase</i> + <br><small>format_indent_increase</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_italic</i> + <br><small>format_italic</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_line_spacing</i> + <br><small>format_line_spacing</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_list_bulleted</i> + <br><small>format_list_bulleted</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_list_numbered</i> + <br><small>format_list_numbered</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_paint</i> + <br><small>format_paint</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_quote</i> + <br><small>format_quote</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_shapes</i> + <br><small>format_shapes</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_size</i> + <br><small>format_size</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_strikethrough</i> + <br><small>format_strikethrough</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_textdirection_l_to_r</i> + <br><small>format_textdirection_l_to_r</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_textdirection_r_to_l</i> + <br><small>format_textdirection_r_to_l</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_underlined</i> + <br><small>format_underlined</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">functions</i> + <br><small>functions</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">highlight</i> + <br><small>highlight</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">insert_chart</i> + <br><small>insert_chart</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">insert_comment</i> + <br><small>insert_comment</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">insert_drive_file</i> + <br><small>insert_drive_file</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">insert_emoticon</i> + <br><small>insert_emoticon</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">insert_invitation</i> + <br><small>insert_invitation</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">insert_link</i> + <br><small>insert_link</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">insert_photo</i> + <br><small>insert_photo</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">linear_scale</i> + <br><small>linear_scale</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">merge_type</i> + <br><small>merge_type</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">mode_comment</i> + <br><small>mode_comment</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">mode_edit</i> + <br><small>mode_edit</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">monetization_on</i> + <br><small>monetization_on</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">money_off</i> + <br><small>money_off</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">multiline_chart</i> + <br><small>multiline_chart</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">pie_chart</i> + <br><small>pie_chart</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">pie_chart_outlined</i> + <br><small>pie_chart_outlined</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">publish</i> + <br><small>publish</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">short_text</i> + <br><small>short_text</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">show_chart</i> + <br><small>show_chart</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">space_bar</i> + <br><small>space_bar</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">strikethrough_s</i> + <br><small>strikethrough_s</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">text_fields</i> + <br><small>text_fields</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">title</i> + <br><small>title</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">vertical_align_bottom</i> + <br><small>vertical_align_bottom</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">vertical_align_center</i> + <br><small>vertical_align_center</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">vertical_align_top</i> + <br><small>vertical_align_top</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">wrap_text</i> + <br><small>wrap_text</small> + </div> + </div> + <!-- /.row --> + <hr> + <h5 class="box-title">File</h5> + <div class="row text-center"> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">attachment</i> + <br><small>attachment</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">cloud</i> + <br><small>cloud</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">cloud_circle</i> + <br><small>cloud_circle</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">cloud_done</i> + <br><small>cloud_done</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">cloud_download</i> + <br><small>cloud_download</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">cloud_off</i> + <br><small>cloud_off</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">cloud_queue</i> + <br><small>cloud_queue</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">cloud_upload</i> + <br><small>cloud_upload</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">create_new_folder</i> + <br><small>create_new_folder</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">file_download</i> + <br><small>file_download</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">file_upload</i> + <br><small>file_upload</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">folder</i> + <br><small>folder</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">folder_open</i> + <br><small>folder_open</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">folder_shared</i> + <br><small>folder_shared</small> + </div> + </div> + <!-- /.row --> + <hr> + <h5 class="box-title">Hardware</h5> + <div class="row text-center"> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">cast</i> + <br><small>cast</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">cast_connected</i> + <br><small>cast_connected</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">computer</i> + <br><small>computer</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">desktop_mac</i> + <br><small>desktop_mac</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">desktop_windows</i> + <br><small>desktop_windows</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">developer_board</i> + <br><small>developer_board</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">device_hub</i> + <br><small>device_hub</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">devices_other</i> + <br><small>devices_other</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">dock</i> + <br><small>dock</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">gamepad</i> + <br><small>gamepad</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">headset</i> + <br><small>headset</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">headset_mic</i> + <br><small>headset_mic</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">keyboard</i> + <br><small>keyboard</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">keyboard_arrow_down</i> + <br><small>keyboard_arrow_down</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">keyboard_arrow_left</i> + <br><small>keyboard_arrow_left</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">keyboard_arrow_right</i> + <br><small>keyboard_arrow_right</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">keyboard_arrow_up</i> + <br><small>keyboard_arrow_up</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">keyboard_backspace</i> + <br><small>keyboard_backspace</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">keyboard_capslock</i> + <br><small>keyboard_capslock</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">keyboard_hide</i> + <br><small>keyboard_hide</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">keyboard_return</i> + <br><small>keyboard_return</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">keyboard_tab</i> + <br><small>keyboard_tab</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">keyboard_voice</i> + <br><small>keyboard_voice</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">laptop</i> + <br><small>laptop</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">laptop_chromebook</i> + <br><small>laptop_chromebook</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">laptop_mac</i> + <br><small>laptop_mac</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">laptop_windows</i> + <br><small>laptop_windows</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">memory</i> + <br><small>memory</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">mouse</i> + <br><small>mouse</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phone_android</i> + <br><small>phone_android</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phone_iphone</i> + <br><small>phone_iphone</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phonelink</i> + <br><small>phonelink</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phonelink_off</i> + <br><small>phonelink_off</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">power_input</i> + <br><small>power_input</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">router</i> + <br><small>router</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">scanner</i> + <br><small>scanner</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">security</i> + <br><small>security</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sim_card</i> + <br><small>sim_card</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">smartphone</i> + <br><small>smartphone</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">speaker</i> + <br><small>speaker</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">speaker_group</i> + <br><small>speaker_group</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">tablet</i> + <br><small>tablet</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">tablet_android</i> + <br><small>tablet_android</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">tablet_mac</i> + <br><small>tablet_mac</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">toys</i> + <br><small>toys</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">tv</i> + <br><small>tv</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">videogame_asset</i> + <br><small>videogame_asset</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">watch</i> + <br><small>watch</small> + </div> + </div> + <!-- /.row --> + <hr> + <h5 class="box-title">Image</h5> + <div class="row text-center"> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">add_a_photo</i> + <br><small>add_a_photo</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">add_to_photos</i> + <br><small>add_to_photos</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">adjust</i> + <br><small>adjust</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">assistant</i> + <br><small>assistant</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">assistant_photo</i> + <br><small>assistant_photo</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">audiotrack</i> + <br><small>audiotrack</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">blur_circular</i> + <br><small>blur_circular</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">blur_linear</i> + <br><small>blur_linear</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">blur_off</i> + <br><small>blur_off</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">blur_on</i> + <br><small>blur_on</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">brightness_1</i> + <br><small>brightness_1</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">brightness_2</i> + <br><small>brightness_2</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">brightness_3</i> + <br><small>brightness_3</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">brightness_4</i> + <br><small>brightness_4</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">brightness_5</i> + <br><small>brightness_5</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">brightness_6</i> + <br><small>brightness_6</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">brightness_7</i> + <br><small>brightness_7</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">broken_image</i> + <br><small>broken_image</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">brush</i> + <br><small>brush</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">burst_mode</i> + <br><small>burst_mode</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">camera</i> + <br><small>camera</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">camera_alt</i> + <br><small>camera_alt</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">camera_front</i> + <br><small>camera_front</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">camera_rear</i> + <br><small>camera_rear</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">camera_roll</i> + <br><small>camera_roll</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">center_focus_strong</i> + <br><small>center_focus_strong</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">center_focus_weak</i> + <br><small>center_focus_weak</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">collections</i> + <br><small>collections</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">collections_bookmark</i> + <br><small>collections_bookmark</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">color_lens</i> + <br><small>color_lens</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">colorize</i> + <br><small>colorize</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">compare</i> + <br><small>compare</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">control_point</i> + <br><small>control_point</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">control_point_duplicate</i> + <br><small>control_point_duplicate</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">crop</i> + <br><small>crop</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">crop_16_9</i> + <br><small>crop_16_9</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">crop_3_2</i> + <br><small>crop_3_2</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">crop_5_4</i> + <br><small>crop_5_4</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">crop_7_5</i> + <br><small>crop_7_5</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">crop_din</i> + <br><small>crop_din</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">crop_free</i> + <br><small>crop_free</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">crop_landscape</i> + <br><small>crop_landscape</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">crop_original</i> + <br><small>crop_original</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">crop_portrait</i> + <br><small>crop_portrait</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">crop_rotate</i> + <br><small>crop_rotate</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">crop_square</i> + <br><small>crop_square</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">dehaze</i> + <br><small>dehaze</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">details</i> + <br><small>details</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">edit</i> + <br><small>edit</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">exposure</i> + <br><small>exposure</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">exposure_neg_1</i> + <br><small>exposure_neg_1</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">exposure_neg_2</i> + <br><small>exposure_neg_2</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">exposure_plus_1</i> + <br><small>exposure_plus_1</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">exposure_plus_2</i> + <br><small>exposure_plus_2</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">exposure_zero</i> + <br><small>exposure_zero</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter</i> + <br><small>filter</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_1</i> + <br><small>filter_1</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_2</i> + <br><small>filter_2</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_3</i> + <br><small>filter_3</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_4</i> + <br><small>filter_4</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_5</i> + <br><small>filter_5</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_6</i> + <br><small>filter_6</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_7</i> + <br><small>filter_7</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_8</i> + <br><small>filter_8</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_9</i> + <br><small>filter_9</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_9_plus</i> + <br><small>filter_9_plus</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_b_and_w</i> + <br><small>filter_b_and_w</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_center_focus</i> + <br><small>filter_center_focus</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_drama</i> + <br><small>filter_drama</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_frames</i> + <br><small>filter_frames</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_hdr</i> + <br><small>filter_hdr</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_none</i> + <br><small>filter_none</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_tilt_shift</i> + <br><small>filter_tilt_shift</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_vintage</i> + <br><small>filter_vintage</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">flare</i> + <br><small>flare</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">flash_auto</i> + <br><small>flash_auto</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">flash_off</i> + <br><small>flash_off</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">flash_on</i> + <br><small>flash_on</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">flip</i> + <br><small>flip</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">gradient</i> + <br><small>gradient</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">grain</i> + <br><small>grain</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">grid_off</i> + <br><small>grid_off</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">grid_on</i> + <br><small>grid_on</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">hdr_off</i> + <br><small>hdr_off</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">hdr_on</i> + <br><small>hdr_on</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">hdr_strong</i> + <br><small>hdr_strong</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">hdr_weak</i> + <br><small>hdr_weak</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">healing</i> + <br><small>healing</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">image</i> + <br><small>image</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">image_aspect_ratio</i> + <br><small>image_aspect_ratio</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">iso</i> + <br><small>iso</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">landscape</i> + <br><small>landscape</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">leak_add</i> + <br><small>leak_add</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">leak_remove</i> + <br><small>leak_remove</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">lens</i> + <br><small>lens</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">linked_camera</i> + <br><small>linked_camera</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">looks</i> + <br><small>looks</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">looks_3</i> + <br><small>looks_3</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">looks_4</i> + <br><small>looks_4</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">looks_5</i> + <br><small>looks_5</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">looks_6</i> + <br><small>looks_6</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">looks_one</i> + <br><small>looks_one</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">looks_two</i> + <br><small>looks_two</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">loupe</i> + <br><small>loupe</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">monochrome_photos</i> + <br><small>monochrome_photos</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">movie_creation</i> + <br><small>movie_creation</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">movie_filter</i> + <br><small>movie_filter</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">music_note</i> + <br><small>music_note</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">nature</i> + <br><small>nature</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">nature_people</i> + <br><small>nature_people</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">navigate_before</i> + <br><small>navigate_before</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">navigate_next</i> + <br><small>navigate_next</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">palette</i> + <br><small>palette</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">panorama</i> + <br><small>panorama</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">panorama_fish_eye</i> + <br><small>panorama_fish_eye</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">panorama_horizontal</i> + <br><small>panorama_horizontal</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">panorama_vertical</i> + <br><small>panorama_vertical</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">panorama_wide_angle</i> + <br><small>panorama_wide_angle</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">photo</i> + <br><small>photo</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">photo_album</i> + <br><small>photo_album</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">photo_camera</i> + <br><small>photo_camera</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">photo_filter</i> + <br><small>photo_filter</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">photo_library</i> + <br><small>photo_library</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">photo_size_select_actual</i> + <br><small>photo_size_select_actual</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">photo_size_select_large</i> + <br><small>photo_size_select_large</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">photo_size_select_small</i> + <br><small>photo_size_select_small</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">picture_as_pdf</i> + <br><small>picture_as_pdf</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">portrait</i> + <br><small>portrait</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">remove_red_eye</i> + <br><small>remove_red_eye</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">rotate_90_degrees_ccw</i> + <br><small>rotate_90_degrees_ccw</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">rotate_left</i> + <br><small>rotate_left</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">rotate_right</i> + <br><small>rotate_right</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">slideshow</i> + <br><small>slideshow</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">straighten</i> + <br><small>straighten</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">style</i> + <br><small>style</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">switch_camera</i> + <br><small>switch_camera</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">switch_video</i> + <br><small>switch_video</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">tag_faces</i> + <br><small>tag_faces</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">texture</i> + <br><small>texture</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">timelapse</i> + <br><small>timelapse</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">timer</i> + <br><small>timer</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">timer_10</i> + <br><small>timer_10</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">timer_3</i> + <br><small>timer_3</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">timer_off</i> + <br><small>timer_off</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">tonality</i> + <br><small>tonality</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">transform</i> + <br><small>transform</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">tune</i> + <br><small>tune</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_comfy</i> + <br><small>view_comfy</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_compact</i> + <br><small>view_compact</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">vignette</i> + <br><small>vignette</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">wb_auto</i> + <br><small>wb_auto</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">wb_cloudy</i> + <br><small>wb_cloudy</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">wb_incandescent</i> + <br><small>wb_incandescent</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">wb_iridescent</i> + <br><small>wb_iridescent</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">wb_sunny</i> + <br><small>wb_sunny</small> + </div> + </div> + <!-- /.row --> + <hr> + <h5 class="box-title">Maps</h5> + <div class="row text-center"> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">add_location</i> + <br><small>add_location</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">beenhere</i> + <br><small>beenhere</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">directions</i> + <br><small>directions</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">directions_bike</i> + <br><small>directions_bike</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">directions_boat</i> + <br><small>directions_boat</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">directions_bus</i> + <br><small>directions_bus</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">directions_car</i> + <br><small>directions_car</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">directions_railway</i> + <br><small>directions_railway</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">directions_run</i> + <br><small>directions_run</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">directions_subway</i> + <br><small>directions_subway</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">directions_transit</i> + <br><small>directions_transit</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">directions_walk</i> + <br><small>directions_walk</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">edit_location</i> + <br><small>edit_location</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">ev_station</i> + <br><small>ev_station</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">flight</i> + <br><small>flight</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">hotel</i> + <br><small>hotel</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">layers</i> + <br><small>layers</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">layers_clear</i> + <br><small>layers_clear</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_activity</i> + <br><small>local_activity</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_airport</i> + <br><small>local_airport</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_atm</i> + <br><small>local_atm</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_bar</i> + <br><small>local_bar</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_cafe</i> + <br><small>local_cafe</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_car_wash</i> + <br><small>local_car_wash</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_convenience_store</i> + <br><small>local_convenience_store</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_dining</i> + <br><small>local_dining</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_drink</i> + <br><small>local_drink</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_florist</i> + <br><small>local_florist</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_gas_station</i> + <br><small>local_gas_station</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_grocery_store</i> + <br><small>local_grocery_store</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_hospital</i> + <br><small>local_hospital</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_hotel</i> + <br><small>local_hotel</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_laundry_service</i> + <br><small>local_laundry_service</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_library</i> + <br><small>local_library</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_mall</i> + <br><small>local_mall</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_movies</i> + <br><small>local_movies</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_offer</i> + <br><small>local_offer</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_parking</i> + <br><small>local_parking</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_pharmacy</i> + <br><small>local_pharmacy</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_phone</i> + <br><small>local_phone</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_pizza</i> + <br><small>local_pizza</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_play</i> + <br><small>local_play</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_post_office</i> + <br><small>local_post_office</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_printshop</i> + <br><small>local_printshop</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_see</i> + <br><small>local_see</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_shipping</i> + <br><small>local_shipping</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_taxi</i> + <br><small>local_taxi</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">map</i> + <br><small>map</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">my_location</i> + <br><small>my_location</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">navigation</i> + <br><small>navigation</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">near_me</i> + <br><small>near_me</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">person_pin</i> + <br><small>person_pin</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">person_pin_circle</i> + <br><small>person_pin_circle</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">pin_drop</i> + <br><small>pin_drop</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">place</i> + <br><small>place</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">rate_review</i> + <br><small>rate_review</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">restaurant</i> + <br><small>restaurant</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">restaurant_menu</i> + <br><small>restaurant_menu</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">satellite</i> + <br><small>satellite</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">store_mall_directory</i> + <br><small>store_mall_directory</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">streetview</i> + <br><small>streetview</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">subway</i> + <br><small>subway</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">terrain</i> + <br><small>terrain</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">traffic</i> + <br><small>traffic</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">train</i> + <br><small>train</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">tram</i> + <br><small>tram</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">transfer_within_a_station</i> + <br><small>transfer_within_a_station</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">zoom_out_map</i> + <br><small>zoom_out_map</small> + </div> + </div> + <!-- /.row --> + <hr> + <h5 class="box-title">Navigation</h5> + <div class="row text-center"> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">apps</i> + <br><small>apps</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">arrow_back</i> + <br><small>arrow_back</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">arrow_downward</i> + <br><small>arrow_downward</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">arrow_drop_down</i> + <br><small>arrow_drop_down</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">arrow_drop_down_circle</i> + <br><small>arrow_drop_down_circle</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">arrow_drop_up</i> + <br><small>arrow_drop_up</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">arrow_forward</i> + <br><small>arrow_forward</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">arrow_upward</i> + <br><small>arrow_upward</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">cancel</i> + <br><small>cancel</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">check</i> + <br><small>check</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">chevron_left</i> + <br><small>chevron_left</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">chevron_right</i> + <br><small>chevron_right</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">close</i> + <br><small>close</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">expand_less</i> + <br><small>expand_less</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">expand_more</i> + <br><small>expand_more</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">first_page</i> + <br><small>first_page</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">fullscreen</i> + <br><small>fullscreen</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">fullscreen_exit</i> + <br><small>fullscreen_exit</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">last_page</i> + <br><small>last_page</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">menu</i> + <br><small>menu</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">more_horiz</i> + <br><small>more_horiz</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">more_vert</i> + <br><small>more_vert</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">refresh</i> + <br><small>refresh</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">subdirectory_arrow_left</i> + <br><small>subdirectory_arrow_left</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">subdirectory_arrow_right</i> + <br><small>subdirectory_arrow_right</small> + </div> + </div> + <!-- /.row --> + <hr> + <h5 class="box-title">Notification</h5> + <div class="row text-center"> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">adb</i> + <br><small>adb</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">airline_seat_flat</i> + <br><small>airline_seat_flat</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">airline_seat_flat_angled</i> + <br><small>airline_seat_flat_angled</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">airline_seat_individual_suite</i> + <br><small>airline_seat_individual_suite</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">airline_seat_legroom_extra</i> + <br><small>airline_seat_legroom_extra</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">airline_seat_legroom_normal</i> + <br><small>airline_seat_legroom_normal</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">airline_seat_legroom_reduced</i> + <br><small>airline_seat_legroom_reduced</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">airline_seat_recline_extra</i> + <br><small>airline_seat_recline_extra</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">airline_seat_recline_normal</i> + <br><small>airline_seat_recline_normal</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">bluetooth_audio</i> + <br><small>bluetooth_audio</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">confirmation_number</i> + <br><small>confirmation_number</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">disc_full</i> + <br><small>disc_full</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">do_not_disturb</i> + <br><small>do_not_disturb</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">do_not_disturb_alt</i> + <br><small>do_not_disturb_alt</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">do_not_disturb_off</i> + <br><small>do_not_disturb_off</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">do_not_disturb_on</i> + <br><small>do_not_disturb_on</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">drive_eta</i> + <br><small>drive_eta</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">enhanced_encryption</i> + <br><small>enhanced_encryption</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">event_available</i> + <br><small>event_available</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">event_busy</i> + <br><small>event_busy</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">event_note</i> + <br><small>event_note</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">folder_special</i> + <br><small>folder_special</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">live_tv</i> + <br><small>live_tv</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">mms</i> + <br><small>mms</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">more</i> + <br><small>more</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">network_check</i> + <br><small>network_check</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">network_locked</i> + <br><small>network_locked</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">no_encryption</i> + <br><small>no_encryption</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">ondemand_video</i> + <br><small>ondemand_video</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">personal_video</i> + <br><small>personal_video</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phone_bluetooth_speaker</i> + <br><small>phone_bluetooth_speaker</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phone_forwarded</i> + <br><small>phone_forwarded</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phone_in_talk</i> + <br><small>phone_in_talk</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phone_locked</i> + <br><small>phone_locked</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phone_missed</i> + <br><small>phone_missed</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phone_paused</i> + <br><small>phone_paused</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">power</i> + <br><small>power</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">priority_high</i> + <br><small>priority_high</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sd_card</i> + <br><small>sd_card</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sim_card_alert</i> + <br><small>sim_card_alert</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sms</i> + <br><small>sms</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sms_failed</i> + <br><small>sms_failed</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sync</i> + <br><small>sync</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sync_disabled</i> + <br><small>sync_disabled</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sync_problem</i> + <br><small>sync_problem</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">system_update</i> + <br><small>system_update</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">tap_and_play</i> + <br><small>tap_and_play</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">time_to_leave</i> + <br><small>time_to_leave</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">vibration</i> + <br><small>vibration</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">voice_chat</i> + <br><small>voice_chat</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">vpn_lock</i> + <br><small>vpn_lock</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">wc</i> + <br><small>wc</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">wifi</i> + <br><small>wifi</small> + </div> + </div> + <!-- /.row --> + <hr> + <h5 class="box-title">Places</h5> + <div class="row text-center"> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">ac_unit</i> + <br><small>ac_unit</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">airport_shuttle</i> + <br><small>airport_shuttle</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">all_inclusive</i> + <br><small>all_inclusive</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">beach_access</i> + <br><small>beach_access</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">business_center</i> + <br><small>business_center</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">casino</i> + <br><small>casino</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">child_care</i> + <br><small>child_care</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">child_friendly</i> + <br><small>child_friendly</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">fitness_center</i> + <br><small>fitness_center</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">free_breakfast</i> + <br><small>free_breakfast</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">golf_course</i> + <br><small>golf_course</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">hot_tub</i> + <br><small>hot_tub</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">kitchen</i> + <br><small>kitchen</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">pool</i> + <br><small>pool</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">room_service</i> + <br><small>room_service</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">rv_hookup</i> + <br><small>rv_hookup</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">smoke_free</i> + <br><small>smoke_free</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">smoking_rooms</i> + <br><small>smoking_rooms</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">spa</i> + <br><small>spa</small> + </div> + </div> + <!-- /.row --> + <hr> + <h5 class="box-title">Social</h5> + <div class="row text-center"> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">cake</i> + <br><small>cake</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">domain</i> + <br><small>domain</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">group</i> + <br><small>group</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">group_add</i> + <br><small>group_add</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">location_city</i> + <br><small>location_city</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">mood</i> + <br><small>mood</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">mood_bad</i> + <br><small>mood_bad</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">notifications</i> + <br><small>notifications</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">notifications_active</i> + <br><small>notifications_active</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">notifications_none</i> + <br><small>notifications_none</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">notifications_off</i> + <br><small>notifications_off</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">notifications_paused</i> + <br><small>notifications_paused</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">pages</i> + <br><small>pages</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">party_mode</i> + <br><small>party_mode</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">people</i> + <br><small>people</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">people_outline</i> + <br><small>people_outline</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">person</i> + <br><small>person</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">person_add</i> + <br><small>person_add</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">person_outline</i> + <br><small>person_outline</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">plus_one</i> + <br><small>plus_one</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">poll</i> + <br><small>poll</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">public</i> + <br><small>public</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">school</i> + <br><small>school</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sentiment_dissatisfied</i> + <br><small>sentiment_dissatisfied</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sentiment_neutral</i> + <br><small>sentiment_neutral</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sentiment_satisfied</i> + <br><small>sentiment_satisfied</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sentiment_very_dissatisfied</i> + <br><small>sentiment_very_dissatisfied</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sentiment_very_satisfied</i> + <br><small>sentiment_very_satisfied</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">share</i> + <br><small>share</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">whatshot</i> + <br><small>whatshot</small> + </div> + </div> + <!-- /.row --> + <hr> + <h5 class="box-title">Toggle</h5> + <div class="row text-center"> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">check_box</i> + <br><small>check_box</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">check_box_outline_blank</i> + <br><small>check_box_outline_blank</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">indeterminate_check_box</i> + <br><small>indeterminate_check_box</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">radio_button_checked</i> + <br><small>radio_button_checked</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">radio_button_unchecked</i> + <br><small>radio_button_unchecked</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">star</i> + <br><small>star</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">star_border</i> + <br><small>star_border</small> + </div> + <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">star_half</i> + <br><small>star_half</small> + </div> + </div> + <!-- /.row --> + </div> + <!-- /.widget-body --> + </div> + <!-- /.widget-bg --> + </div> + <!-- /.widget-holder --> + </div> + <!-- /.row --> + </div> + <!-- /.widget-list --> + </main> + <!-- /.main-wrappper --> + <!-- RIGHT SIDEBAR --> + <aside class="right-sidebar scrollbar-enabled suppress-x"> + <div class="sidebar-chat" data-plugin="chat-sidebar"> + <div class="sidebar-chat-info"> + <h6 class="fs-16">Chat List</h6> + <form class="mr-t-10"> + <div class="form-group"> + <input type="search" class="form-control form-control-rounded fs-13 heading-font-family pd-r-30" placeholder="Search for friends ..."> <i class="feather feather-search post-absolute pos-right vertical-center mr-3 text-muted"></i> + </div> + </form> + </div> + <div class="chat-list"> + <div class="list-group row"> + <a href="javascript:void(0)" class="list-group-item" data-chat-user="Julein Renvoye"> + <figure class="thumb-xs user--online mr-3 mr-0-rtl ml-3-rtl"> + <img src="assets/demo/users/user2.jpg" class="rounded-circle" alt=""> + </figure><span><span class="name">Gene Newman</span> <span class="username">@gene_newman</span> </span> + </a> + <a href="javascript:void(0)" class="list-group-item" data-chat-user="Eddie Lebanovkiy"> + <figure class="thumb-xs user--online mr-3 mr-0-rtl ml-3-rtl"> + <img src="assets/demo/users/user3.jpg" class="rounded-circle" alt=""> + </figure><span><span class="name">Billy Black</span> <span class="username">@billyblack</span> </span> + </a> + <a href="javascript:void(0)" class="list-group-item" data-chat-user="Cameron Moll"> + <figure class="thumb-xs user--online mr-3 mr-0-rtl ml-3-rtl"> + <img src="assets/demo/users/user5.jpg" class="rounded-circle" alt=""> + </figure><span><span class="name">Herbert Diaz</span> <span class="username">@herbert</span> </span> + </a> + <a href="javascript:void(0)" class="list-group-item" data-chat-user="Bill S Kenny"> + <figure class="user--busy thumb-xs mr-3 mr-0-rtl ml-3-rtl"> + <img src="assets/demo/users/user4.jpg" class="rounded-circle" alt=""> + </figure><span><span class="name">Sylvia Harvey</span> <span class="username">@sylvia</span> </span> + </a> + <a href="javascript:void(0)" class="list-group-item" data-chat-user="Trent Walton"> + <figure class="user--busy thumb-xs mr-3 mr-0-rtl ml-3-rtl"> + <img src="assets/demo/users/user6.jpg" class="rounded-circle" alt=""> + </figure><span><span class="name">Marsha Hoffman</span> <span class="username">@m_hoffman</span> </span> + </a> + <a href="javascript:void(0)" class="list-group-item" data-chat-user="Julien Renvoye"> + <figure class="user--offline thumb-xs mr-3 mr-0-rtl ml-3-rtl"> + <img src="assets/demo/users/user7.jpg" class="rounded-circle" alt=""> + </figure><span><span class="name">Mason Grant</span> <span class="username">@masongrant</span> </span> + </a> + <a href="javascript:void(0)" class="list-group-item" data-chat-user="Eddie Lebaovskiy"> + <figure class="user--offline thumb-xs mr-3 mr-0-rtl ml-3-rtl"> + <img src="assets/demo/users/user8.jpg" class="rounded-circle" alt=""> + </figure><span><span class="name">Shelly Sullivan</span> <span class="username">@shelly</span></span> + </a> + </div> + <!-- /.list-group --> + </div> + <!-- /.chat-list --> + </div> + <!-- /.sidebar-chat --> + </aside> + <!-- CHAT PANEL --> + <div class="chat-panel" hidden> + <div class="card"> + <div class="card-header d-flex justify-content-between"><a href="javascript:void(0);"><i class="feather feather-message-square text-success"></i></a> <span class="user-name heading-font-family fw-400">John Doe</span> + <button type="button" class="close" aria-label="Close"><span aria-hidden="true">×</span> + </button> + </div> + <!-- /.card-header --> + <div class="card-body"> + <div class="widget-chat-activity flex-1"> + <div class="messages scrollbar-enabled suppress-x"> + <div class="message media reply"> + <figure class="thumb-xs2 user--online"> + <a href="#"> + <img src="assets/demo/users/user3.jpg" class="rounded-circle"> + </a> + </figure> + <div class="message-body media-body"> + <p>Epic Cheeseburgers come in all kind of styles.</p> + </div> + <!-- /.message-body --> + </div> + <!-- /.message --> + <div class="message media"> + <figure class="thumb-xs2 user--online"> + <a href="#"> + <img src="assets/demo/users/user1.jpg" class="rounded-circle"> + </a> + </figure> + <div class="message-body media-body"> + <p>Cheeseburgers make your knees weak.</p> + </div> + <!-- /.message-body --> + </div> + <!-- /.message --> + <div class="message media reply"> + <figure class="thumb-xs2 user--offline"> + <a href="#"> + <img src="assets/demo/users/user5.jpg" class="rounded-circle"> + </a> + </figure> + <div class="message-body media-body"> + <p>Cheeseburgers will never let you down.</p> + <p>They'll also never run around or desert you.</p> + </div> + <!-- /.message-body --> + </div> + <!-- /.message --> + <div class="message media"> + <figure class="thumb-xs2 user--online"> + <a href="#"> + <img src="assets/demo/users/user1.jpg" class="rounded-circle"> + </a> + </figure> + <div class="message-body media-body"> + <p>A great cheeseburger is a gastronomical event.</p> + </div> + <!-- /.message-body --> + </div> + <!-- /.message --> + <div class="message media reply"> + <figure class="thumb-xs2 user--busy"> + <a href="#"> + <img src="assets/demo/users/user6.jpg" class="rounded-circle"> + </a> + </figure> + <div class="message-body media-body"> + <p>There's a cheesy incarnation waiting for you no matter what you palete preferences are.</p> + </div> + <!-- /.message-body --> + </div> + <!-- /.message --> + <div class="message media"> + <figure class="thumb-xs2 user--online"> + <a href="#"> + <img src="assets/demo/users/user1.jpg" class="rounded-circle"> + </a> + </figure> + <div class="message-body media-body"> + <p>If you are a vegan, we are sorry for you loss.</p> + </div> + <!-- /.message-body --> + </div> + <!-- /.message --> + </div> + <!-- /.messages --> + </div> + <!-- /.widget-chat-acitvity --> + </div> + <!-- /.card-body --> + <form action="javascript:void(0)" class="card-footer" method="post"> + <div class="d-flex justify-content-end"><i class="feather feather-plus-circle list-icon my-1 mr-3"></i> + <textarea class="border-0 flex-1" rows="1" style="resize: none" placeholder="Type your message here" type="text"></textarea> + <button class="btn btn-sm btn-circle bg-transparent" type="submit"><i class="feather feather-arrow-right list-icon fs-26 text-success"></i> + </button> + </div> + </form> + </div> + <!-- /.card --> + </div> + <!-- /.chat-panel --> + </div> + <!-- /.content-wrapper --> + <!-- FOOTER --> + <footer class="footer"><span class="heading-font-family">Copyright @ 2017. All rights reserved BonVue Admin by Unifato</span> + </footer> + </div> + <!--/ #wrapper --> + <!-- Scripts --> + <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.2/umd/popper.min.js"></script> + <script src="assets/js/bootstrap.min.js"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/metisMenu/2.7.0/metisMenu.min.js"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.7.0/js/perfect-scrollbar.jquery.js"></script> + <script src="assets/js/theme.js"></script> + <script src="assets/js/custom.js"></script> + <script src="http://localhost:35729/livereload.js"></script> +</body> + +</html> \ No newline at end of file