Mercurial > nebulaweb3

comparison default/icons-material-design.html @ 0:1d038bc9b3d2 default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Up:default
author Liny <dev@neowd.com>
date Sat, 31 May 2025 09:21:51 +0800
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:1d038bc9b3d2
1 <!DOCTYPE html>
2 <html lang="en">
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
8 <link rel="icon" type="image/png" sizes="16x16" href="assets/demo/favicon.png">
9 <link rel="stylesheet" href="assets/css/pace.css">
10 <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
11 <title>Material Design</title>
12 <!-- CSS -->
13 <link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600|Roboto:400" rel="stylesheet" type="text/css">
14 <link href="assets/vendors/material-icons/material-icons.css" rel="stylesheet" type="text/css">
15 <link href="assets/vendors/mono-social-icons/monosocialiconsfont.css" rel="stylesheet" type="text/css">
16 <link href="assets/vendors/feather-icons/feather.css" rel="stylesheet" type="text/css">
17 <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.7.0/css/perfect-scrollbar.min.css" rel="stylesheet" type="text/css">
18 <link href="assets/css/style.css" rel="stylesheet" type="text/css">
19 <!-- Head Libs -->
20 <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
21 <script data-pace-options='{ "ajax": false, "selectors": [ "img" ]}' src="https://cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.min.js"></script>
22 </head>
23
24 <body class="header-dark sidebar-light sidebar-expand icons-page">
25 <div id="wrapper" class="wrapper">
26 <!-- HEADER & TOP NAVIGATION -->
27 <nav class="navbar">
28 <!-- Logo Area -->
29 <div class="navbar-header">
30 <a href="index.html" class="navbar-brand">
31 <img class="logo-expand" alt="" src="assets/demo/logo-expand.png">
32 <img class="logo-collapse" alt="" src="assets/demo/logo-collapse.png">
33 <!-- <p>BonVue</p> -->
34 </a>
35 </div>
36 <!-- /.navbar-header -->
37 <!-- Left Menu & Sidebar Toggle -->
38 <ul class="nav navbar-nav">
39 <li class="sidebar-toggle"><a href="javascript:void(0)" class="ripple"><i class="feather feather-menu list-icon fs-20"></i></a>
40 </li>
41 </ul>
42 <!-- /.navbar-left -->
43 <!-- Search Form -->
44 <form class="navbar-search d-none d-sm-block" role="search"><i class="feather feather-search list-icon"></i>
45 <input type="search" class="search-query" placeholder="Search anything..."> <a href="javascript:void(0);" class="remove-focus"><i class="feather feather-x"></i></a>
46 </form>
47 <!-- /.navbar-search -->
48 <div class="spacer"></div>
49 <!-- Button: Create New -->
50 <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>
51 <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>
52 <a
53 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>
54 </a>
55 <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>
56 </div>
57 </div>
58 <!-- /.btn-list -->
59 <!-- User Image with Dropdown -->
60 <ul class="nav navbar-nav">
61 <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>
62 <div
63 class="dropdown-menu dropdown-left dropdown-card dropdown-card-profile animated flipInY">
64 <div class="card">
65 <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>
66 <a
67 href="javascript:void(0);" class="col-md-4 text-center"><i class="feather feather-power align-middle"></i>
68 </a>
69 </header>
70 <ul class="list-unstyled card-body">
71 <li><a href="#"><span><span class="align-middle">Manage Accounts</span></span></a>
72 </li>
73 <li><a href="#"><span><span class="align-middle">Change Password</span></span></a>
74 </li>
75 <li><a href="#"><span><span class="align-middle">Check Inbox</span></span></a>
76 </li>
77 <li><a href="#"><span><span class="align-middle">Sign Out</span></span></a>
78 </li>
79 </ul>
80 </div>
81 </div>
82 </li>
83 </ul>
84 <!-- /.navbar-right -->
85 <!-- Right Menu -->
86 <ul class="nav navbar-nav d-none d-lg-flex ml-2 ml-0-rtl">
87 <li class="dropdown"><a href="javascript:void(0);" class="dropdown-toggle ripple" data-toggle="dropdown"><i class="feather feather-hash list-icon"></i></a>
88 <div class="dropdown-menu dropdown-left dropdown-card animated flipInY">
89 <div class="card">
90 <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>
91 </header>
92 <ul class="card-body list-unstyled dropdown-list-group">
93 <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>
94 </li>
95 <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>
96 </li>
97 <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>
98 </li>
99 </ul>
100 <!-- /.dropdown-list-group -->
101 <footer class="card-footer text-center"><a href="javascript:void(0);" class="heading-font-family text-uppercase fs-13">See all activity</a>
102 </footer>
103 </div>
104 <!-- /.card -->
105 </div>
106 <!-- /.dropdown-menu -->
107 </li>
108 <!-- /.dropdown -->
109 <li class="dropdown"><a href="#" class="dropdown-toggle ripple" data-toggle="dropdown"><i class="feather feather-settings list-icon"></i></a>
110 <div class="dropdown-menu dropdown-left dropdown-card animated flipInY">
111 <div class="card">
112 <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>
113 </header>
114 <ul class="card-body list-unstyled dropdown-list-group">
115 <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>
116 </li>
117 <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>
118 </li>
119 <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>
120 </li>
121 </ul>
122 <!-- /.dropdown-list-group -->
123 <footer class="card-footer text-center"><a href="javascript:void(0);" class="headings-font-family text-uppercase fs-13">See all activity</a>
124 </footer>
125 </div>
126 <!-- /.card -->
127 </div>
128 <!-- /.dropdown-menu -->
129 </li>
130 <!-- /.dropdown -->
131 <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>
132 </li>
133 </ul>
134 <!-- /.navbar-right -->
135 </nav>
136 <!-- /.navbar -->
137 <div class="content-wrapper">
138 <!-- SIDEBAR -->
139 <aside class="site-sidebar scrollbar-enabled" data-suppress-scroll-x="true">
140 <!-- User Details -->
141 <div class="side-user">
142 <div class="col-sm-12 text-center p-0 clearfix">
143 <div class="d-inline-block pos-relative mr-b-10">
144 <figure class="thumb-sm mr-b-0 user--online">
145 <img src="assets/demo/users/user1.jpg" class="rounded-circle" alt="">
146 </figure><a href="page-profile.html" class="text-muted side-user-link"><i class="feather feather-settings list-icon"></i></a>
147 </div>
148 <!-- /.d-inline-block -->
149 <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>
150 <br><small class="hide-menu">Developer</small>
151 </div>
152 </div>
153 <!-- /.col-sm-12 -->
154 </div>
155 <!-- /.side-user -->
156 <!-- Sidebar Menu -->
157 <nav class="sidebar-nav">
158 <ul class="nav in side-menu">
159 <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>
160 <ul class="list-unstyled sub-menu">
161 <li><a href="index.html">Default</a>
162 </li>
163 <li><a href="index-real-estate.html">Real Estate</a>
164 </li>
165 <li><a href="index-job-board.html">Jobs Board</a>
166 </li>
167 <li><a href="index-lms.html">LMS</a>
168 </li>
169 <li><a href="index-rtl.html">RTL Demo</a>
170 </li>
171 </ul>
172 </li>
173 <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>
174 <ul class="list-unstyled sub-menu">
175 <li><a href="app-calender.html">Calender</a>
176 </li>
177 <li><a href="app-chat.html">Chat</a>
178 </li>
179 <li><a href="app-inbox.html">Inbox</a>
180 </li>
181 <li><a href="app-inbox-compose.html">Compose mail</a>
182 </li>
183 <li><a href="app-contacts.html">Contacts</a>
184 </li>
185 <li><a href="app-products.html">Products</a>
186 </li>
187 <li><a href="app-blog.html">Blog</a>
188 </li>
189 <li><a href="app-blog-single.html">Blog Single</a>
190 </li>
191 </ul>
192 </li>
193 <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>
194 <ul class="list-unstyled sub-menu">
195 <li><a href="page-profile.html">Profile</a>
196 </li>
197 <li><a href="page-login.html">Login Page</a>
198 </li>
199 <li><a href="page-login2.html">Login Page 2</a>
200 </li>
201 <li><a href="page-register.html">Sign Up</a>
202 </li>
203 <li><a href="page-register2.html">Sign Up 2</a>
204 </li>
205 <li><a href="page-register-3-step.html">3 Step Sign Up</a>
206 </li>
207 <li><a href="page-forgot-pwd.html">Forgot Password</a>
208 </li>
209 <li><a href="page-email-confirm.html">Confirm Email</a>
210 </li>
211 <li><a href="page-lock-screen.html">Lock Screen</a>
212 </li>
213 <li><a href="page-timeline.html">Timeline</a>
214 </li>
215 <li class="menu-item-has-children"><a href="javascript:void(0);">Error Pages</a>
216 <ul class="list-unstyled sub-menu">
217 <li><a href="page-error-403.html">Error 403</a>
218 </li>
219 <li><a href="page-error-404.html">Error 404</a>
220 </li>
221 <li><a href="page-error-500.html">Error 500</a>
222 </li>
223 <li><a href="page-error-503.html">Error 503</a>
224 </li>
225 </ul>
226 </li>
227 </ul>
228 </li>
229 <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>
230 <ul class="list-unstyled sub-menu">
231 <li><a href="ui-typography.html">Typography</a>
232 </li>
233 <li><a href="ui-buttons.html">Buttons</a>
234 </li>
235 <li><a href="ui-cards.html">Cards</a>
236 </li>
237 <li><a href="ui-tabs.html">Tabs</a>
238 </li>
239 <li><a href="ui-accordions.html">Accordions</a>
240 </li>
241 <li><a href="ui-modals.html">Modals</a>
242 </li>
243 <li><a href="ui-icon-boxes.html">Icon Boxes</a>
244 </li>
245 <li><a href="ui-lists.html">Lists &amp; Media Object</a>
246 </li>
247 <li><a href="ui-grid.html">Grid</a>
248 </li>
249 <li><a href="ui-progress.html">Progress Bars</a>
250 </li>
251 <li><a href="ui-notifications.html">Notifications &amp; Alerts</a>
252 </li>
253 <li><a href="ui-pagination.html">Pagination</a>
254 </li>
255 <li><a href="ui-media.html">Media</a>
256 </li>
257 <li><a href="ui-carousel.html">Carousel</a>
258 </li>
259 <li><a href="ui-bootstrap.html">Bootstrap Elements</a>
260 </li>
261 </ul>
262 </li>
263 <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>
264 <ul class="list-unstyled sub-menu">
265 <li><a href="form-elements.html">Elements</a>
266 </li>
267 <li><a href="form-material.html">Material Design</a>
268 </li>
269 <li><a href="form-validation.html">Form Validation</a>
270 </li>
271 <li><a href="form-dropzone.html">File Upload</a>
272 </li>
273 <li><a href="form-pickers.html">Picker</a>
274 </li>
275 <li><a href="form-select.html">Select and Multiselect</a>
276 </li>
277 <li><a href="form-tags-categories.html">Tags and Categories</a>
278 </li>
279 <li><a href="form-addons.html">Addons</a>
280 </li>
281 <li><a href="form-editors.html">Editors</a>
282 </li>
283 </ul>
284 </li>
285 <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>
286 <ul class="list-unstyled sub-menu">
287 <li><a href="page-blank.html">Blank Page</a>
288 </li>
289 <li class="menu-item-has-children"><a href="javascript:void(0);">Email Templates</a>
290 <ul class="list-unstyled sub-menu">
291 <li><a href="email-templates/basic.html">Basic</a>
292 </li>
293 <li><a href="email-templates/billing.html">Billing</a>
294 </li>
295 <li><a href="email-templates/friend-request.html">Friend Request</a>
296 </li>
297 </ul>
298 </li>
299 <li class="menu-item-has-children"><a href="javascript:void(0);">Maps</a>
300 <ul class="list-unstyled sub-menu">
301 <li><a href="maps-google.html">Google Maps</a>
302 </li>
303 <li><a href="maps-vector.html">Vector Maps</a>
304 </li>
305 </ul>
306 </li>
307 <li><a href="page-lightbox.html">Lightbox Popup</a>
308 </li>
309 <li><a href="page-sitemap.html">Sitemap</a>
310 </li>
311 <li><a href="page-search-results.html">Search Results</a>
312 </li>
313 <li><a href="page-custom-scroll.html">Custom Scroll</a>
314 </li>
315 <li><a href="page-utility-classes.html">Utility Classes</a>
316 </li>
317 <li><a href="page-animations.html">Animations</a>
318 </li>
319 <li><a href="page-faq.html">FAQ</a>
320 </li>
321 <li><a href="page-pricing-table.html">Pricing</a>
322 </li>
323 <li><a href="page-invoice.html">Invoice</a>
324 </li>
325 </ul>
326 </li>
327 <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>
328 <ul class="list-unstyled sub-menu">
329 <li><a href="tables-basic.html">Basic Tables</a>
330 </li>
331 <li><a href="tables-data-table.html">Data Table</a>
332 </li>
333 <li><a href="tables-bootstrap.html">Bootstrap Tables</a>
334 </li>
335 <li><a href="tables-responsive.html">Responsive Tables</a>
336 </li>
337 <li><a href="tables-editable.html">Editable Tables</a>
338 </li>
339 </ul>
340 </li>
341 <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>
342 <ul class="list-unstyled sub-menu">
343 <li><a href="charts-flot.html">Flot Charts</a>
344 </li>
345 <li><a href="charts-morris.html">Morris Charts</a>
346 </li>
347 <li><a href="charts-js.html">Chart-js</a>
348 </li>
349 <li><a href="charts-sparkline.html">Sparkline Charts</a>
350 </li>
351 <li><a href="charts-knob.html">Knob Charts</a>
352 </li>
353 </ul>
354 </li>
355 <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>
356 <ul class="list-unstyled sub-menu">
357 <li><a href="icons-material-design.html">Material Design</a>
358 </li>
359 <li><a href="icons-font-awesome.html">Font Awesome</a>
360 </li>
361 <li><a href="icons-mono-social.html">Social Icons</a>
362 </li>
363 <li><a href="icons-weather.html">Weather Icons</a>
364 </li>
365 <li><a href="icons-linea.html">Linea Icons</a>
366 </li>
367 <li><a href="icons-feather.html">Feather Icons</a>
368 </li>
369 </ul>
370 </li>
371 </ul>
372 <!-- /.side-menu -->
373 </nav>
374 <!-- /.sidebar-nav -->
375 <div class="sidebar-module nav-contact-info mx-3 mt-4 mb-3">
376 <div class="d-flex flex-column align-items-center">
377 <h6 class="mb-2 fs-14">Need Help</h6><i class="feather feather-bell fs-24 color-color-scheme"></i>
378 </div>
379 <!-- /.d-flex -->
380 <div class="contact-info-body bg-content-color-contrast text-center">
381 <p class="lh-25 headings-font-family">+1 888 543 7432
382 <br>[email protected]
383 <br><a href="#">Visit FAQ</a>
384 </p>
385 </div>
386 <!-- /.contact-info-body -->
387 </div>
388 <!-- /.nav-contact-info -->
389 </aside>
390 <!-- /.site-sidebar -->
391 <main class="main-wrapper clearfix">
392 <!-- Page Title Area -->
393 <div class="row page-title clearfix">
394 <div class="page-title-left">
395 <h6 class="page-title-heading mr-0 mr-r-5">Material Design</h6>
396 <p class="page-title-description mr-0 d-none d-md-inline-block">statistics, charts and events</p>
397 </div>
398 <!-- /.page-title-left -->
399 <div class="page-title-right d-none d-sm-inline-flex">
400 <ol class="breadcrumb">
401 <li class="breadcrumb-item"><a href="index.html">Dashboard</a>
402 </li>
403 <li class="breadcrumb-item active">Material Design</li>
404 </ol>
405 <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>
406 </div>
407 </div>
408 <!-- /.page-title-right -->
409 </div>
410 <!-- /.page-title -->
411 <!-- =================================== -->
412 <!-- Different data widgets ============ -->
413 <!-- =================================== -->
414 <div class="widget-list">
415 <div class="row">
416 <div class="col-md-12 widget-holder">
417 <div class="widget-bg">
418 <div class="widget-body clearfix">
419 <h5 class="box-title mr-b-0">Action</h5>
420 <p class="text-muted">Sample code: <code>&lt;i class="material-icons list-icon"&gt;alarm&lt;/i&gt;</code>
421 </p>
422 <div class="row text-center">
423 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">3d_rotation</i>
424 <br><small>3d_rotation</small>
425 </div>
426 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">accessibility</i>
427 <br><small>accessibility</small>
428 </div>
429 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">accessible</i>
430 <br><small>accessible</small>
431 </div>
432 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">account_balance</i>
433 <br><small>account_balance</small>
434 </div>
435 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">account_balance_wallet</i>
436 <br><small>account_balance_wallet</small>
437 </div>
438 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">account_box</i>
439 <br><small>account_box</small>
440 </div>
441 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">account_circle</i>
442 <br><small>account_circle</small>
443 </div>
444 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">add_shopping_cart</i>
445 <br><small>add_shopping_cart</small>
446 </div>
447 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">alarm</i>
448 <br><small>alarm</small>
449 </div>
450 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">alarm_add</i>
451 <br><small>alarm_add</small>
452 </div>
453 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">alarm_off</i>
454 <br><small>alarm_off</small>
455 </div>
456 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">alarm_on</i>
457 <br><small>alarm_on</small>
458 </div>
459 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">all_out</i>
460 <br><small>all_out</small>
461 </div>
462 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">android</i>
463 <br><small>android</small>
464 </div>
465 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">announcement</i>
466 <br><small>announcement</small>
467 </div>
468 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">aspect_ratio</i>
469 <br><small>aspect_ratio</small>
470 </div>
471 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">assessment</i>
472 <br><small>assessment</small>
473 </div>
474 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">assignment</i>
475 <br><small>assignment</small>
476 </div>
477 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">assignment_ind</i>
478 <br><small>assignment_ind</small>
479 </div>
480 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">assignment_late</i>
481 <br><small>assignment_late</small>
482 </div>
483 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">assignment_return</i>
484 <br><small>assignment_return</small>
485 </div>
486 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">assignment_returned</i>
487 <br><small>assignment_returned</small>
488 </div>
489 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">assignment_turned_in</i>
490 <br><small>assignment_turned_in</small>
491 </div>
492 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">autorenew</i>
493 <br><small>autorenew</small>
494 </div>
495 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">backup</i>
496 <br><small>backup</small>
497 </div>
498 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">book</i>
499 <br><small>book</small>
500 </div>
501 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">bookmark</i>
502 <br><small>bookmark</small>
503 </div>
504 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">bookmark_border</i>
505 <br><small>bookmark_border</small>
506 </div>
507 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">bug_report</i>
508 <br><small>bug_report</small>
509 </div>
510 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">build</i>
511 <br><small>build</small>
512 </div>
513 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">cached</i>
514 <br><small>cached</small>
515 </div>
516 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">camera_enhance</i>
517 <br><small>camera_enhance</small>
518 </div>
519 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">card_giftcard</i>
520 <br><small>card_giftcard</small>
521 </div>
522 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">card_membership</i>
523 <br><small>card_membership</small>
524 </div>
525 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">card_travel</i>
526 <br><small>card_travel</small>
527 </div>
528 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">change_history</i>
529 <br><small>change_history</small>
530 </div>
531 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">check_circle</i>
532 <br><small>check_circle</small>
533 </div>
534 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">chrome_reader_mode</i>
535 <br><small>chrome_reader_mode</small>
536 </div>
537 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">class</i>
538 <br><small>class</small>
539 </div>
540 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">code</i>
541 <br><small>code</small>
542 </div>
543 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">compare_arrows</i>
544 <br><small>compare_arrows</small>
545 </div>
546 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">copyright</i>
547 <br><small>copyright</small>
548 </div>
549 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">credit_card</i>
550 <br><small>credit_card</small>
551 </div>
552 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">dashboard</i>
553 <br><small>dashboard</small>
554 </div>
555 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">date_range</i>
556 <br><small>date_range</small>
557 </div>
558 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">delete</i>
559 <br><small>delete</small>
560 </div>
561 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">delete_forever</i>
562 <br><small>delete_forever</small>
563 </div>
564 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">description</i>
565 <br><small>description</small>
566 </div>
567 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">dns</i>
568 <br><small>dns</small>
569 </div>
570 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">done</i>
571 <br><small>done</small>
572 </div>
573 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">done_all</i>
574 <br><small>done_all</small>
575 </div>
576 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">donut_large</i>
577 <br><small>donut_large</small>
578 </div>
579 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">donut_small</i>
580 <br><small>donut_small</small>
581 </div>
582 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">eject</i>
583 <br><small>eject</small>
584 </div>
585 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">euro_symbol</i>
586 <br><small>euro_symbol</small>
587 </div>
588 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">event</i>
589 <br><small>event</small>
590 </div>
591 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">event_seat</i>
592 <br><small>event_seat</small>
593 </div>
594 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">exit_to_app</i>
595 <br><small>exit_to_app</small>
596 </div>
597 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">explore</i>
598 <br><small>explore</small>
599 </div>
600 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">extension</i>
601 <br><small>extension</small>
602 </div>
603 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">face</i>
604 <br><small>face</small>
605 </div>
606 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">favorite</i>
607 <br><small>favorite</small>
608 </div>
609 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">favorite_border</i>
610 <br><small>favorite_border</small>
611 </div>
612 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">feedback</i>
613 <br><small>feedback</small>
614 </div>
615 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">find_in_page</i>
616 <br><small>find_in_page</small>
617 </div>
618 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">find_replace</i>
619 <br><small>find_replace</small>
620 </div>
621 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">fingerprint</i>
622 <br><small>fingerprint</small>
623 </div>
624 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">flight_land</i>
625 <br><small>flight_land</small>
626 </div>
627 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">flight_takeoff</i>
628 <br><small>flight_takeoff</small>
629 </div>
630 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">flip_to_back</i>
631 <br><small>flip_to_back</small>
632 </div>
633 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">flip_to_front</i>
634 <br><small>flip_to_front</small>
635 </div>
636 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">g_translate</i>
637 <br><small>g_translate</small>
638 </div>
639 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">gavel</i>
640 <br><small>gavel</small>
641 </div>
642 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">get_app</i>
643 <br><small>get_app</small>
644 </div>
645 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">gif</i>
646 <br><small>gif</small>
647 </div>
648 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">grade</i>
649 <br><small>grade</small>
650 </div>
651 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">group_work</i>
652 <br><small>group_work</small>
653 </div>
654 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">help</i>
655 <br><small>help</small>
656 </div>
657 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">help_outline</i>
658 <br><small>help_outline</small>
659 </div>
660 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">highlight_off</i>
661 <br><small>highlight_off</small>
662 </div>
663 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">history</i>
664 <br><small>history</small>
665 </div>
666 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">home</i>
667 <br><small>home</small>
668 </div>
669 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">hourglass_empty</i>
670 <br><small>hourglass_empty</small>
671 </div>
672 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">hourglass_full</i>
673 <br><small>hourglass_full</small>
674 </div>
675 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">http</i>
676 <br><small>http</small>
677 </div>
678 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">https</i>
679 <br><small>https</small>
680 </div>
681 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">important_devices</i>
682 <br><small>important_devices</small>
683 </div>
684 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">info</i>
685 <br><small>info</small>
686 </div>
687 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">info_outline</i>
688 <br><small>info_outline</small>
689 </div>
690 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">input</i>
691 <br><small>input</small>
692 </div>
693 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">invert_colors</i>
694 <br><small>invert_colors</small>
695 </div>
696 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">label</i>
697 <br><small>label</small>
698 </div>
699 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">label_outline</i>
700 <br><small>label_outline</small>
701 </div>
702 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">language</i>
703 <br><small>language</small>
704 </div>
705 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">launch</i>
706 <br><small>launch</small>
707 </div>
708 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">lightbulb_outline</i>
709 <br><small>lightbulb_outline</small>
710 </div>
711 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">line_style</i>
712 <br><small>line_style</small>
713 </div>
714 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">line_weight</i>
715 <br><small>line_weight</small>
716 </div>
717 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">list</i>
718 <br><small>list</small>
719 </div>
720 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">lock</i>
721 <br><small>lock</small>
722 </div>
723 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">lock_open</i>
724 <br><small>lock_open</small>
725 </div>
726 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">lock_outline</i>
727 <br><small>lock_outline</small>
728 </div>
729 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">loyalty</i>
730 <br><small>loyalty</small>
731 </div>
732 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">markunread_mailbox</i>
733 <br><small>markunread_mailbox</small>
734 </div>
735 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">motorcycle</i>
736 <br><small>motorcycle</small>
737 </div>
738 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">note_add</i>
739 <br><small>note_add</small>
740 </div>
741 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">offline_pin</i>
742 <br><small>offline_pin</small>
743 </div>
744 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">opacity</i>
745 <br><small>opacity</small>
746 </div>
747 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">open_in_browser</i>
748 <br><small>open_in_browser</small>
749 </div>
750 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">open_in_new</i>
751 <br><small>open_in_new</small>
752 </div>
753 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">open_with</i>
754 <br><small>open_with</small>
755 </div>
756 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">pageview</i>
757 <br><small>pageview</small>
758 </div>
759 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">pan_tool</i>
760 <br><small>pan_tool</small>
761 </div>
762 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">payment</i>
763 <br><small>payment</small>
764 </div>
765 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">perm_camera_mic</i>
766 <br><small>perm_camera_mic</small>
767 </div>
768 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">perm_contact_calendar</i>
769 <br><small>perm_contact_calendar</small>
770 </div>
771 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">perm_data_setting</i>
772 <br><small>perm_data_setting</small>
773 </div>
774 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">perm_device_information</i>
775 <br><small>perm_device_information</small>
776 </div>
777 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">perm_identity</i>
778 <br><small>perm_identity</small>
779 </div>
780 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">perm_media</i>
781 <br><small>perm_media</small>
782 </div>
783 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">perm_phone_msg</i>
784 <br><small>perm_phone_msg</small>
785 </div>
786 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">perm_scan_wifi</i>
787 <br><small>perm_scan_wifi</small>
788 </div>
789 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">pets</i>
790 <br><small>pets</small>
791 </div>
792 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">picture_in_picture</i>
793 <br><small>picture_in_picture</small>
794 </div>
795 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">picture_in_picture_alt</i>
796 <br><small>picture_in_picture_alt</small>
797 </div>
798 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">play_for_work</i>
799 <br><small>play_for_work</small>
800 </div>
801 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">polymer</i>
802 <br><small>polymer</small>
803 </div>
804 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">power_settings_new</i>
805 <br><small>power_settings_new</small>
806 </div>
807 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">pregnant_woman</i>
808 <br><small>pregnant_woman</small>
809 </div>
810 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">print</i>
811 <br><small>print</small>
812 </div>
813 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">query_builder</i>
814 <br><small>query_builder</small>
815 </div>
816 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">question_answer</i>
817 <br><small>question_answer</small>
818 </div>
819 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">receipt</i>
820 <br><small>receipt</small>
821 </div>
822 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">record_voice_over</i>
823 <br><small>record_voice_over</small>
824 </div>
825 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">redeem</i>
826 <br><small>redeem</small>
827 </div>
828 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">remove_shopping_cart</i>
829 <br><small>remove_shopping_cart</small>
830 </div>
831 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">reorder</i>
832 <br><small>reorder</small>
833 </div>
834 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">report_problem</i>
835 <br><small>report_problem</small>
836 </div>
837 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">restore</i>
838 <br><small>restore</small>
839 </div>
840 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">restore_page</i>
841 <br><small>restore_page</small>
842 </div>
843 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">room</i>
844 <br><small>room</small>
845 </div>
846 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">rounded_corner</i>
847 <br><small>rounded_corner</small>
848 </div>
849 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">rowing</i>
850 <br><small>rowing</small>
851 </div>
852 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">schedule</i>
853 <br><small>schedule</small>
854 </div>
855 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">search</i>
856 <br><small>search</small>
857 </div>
858 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings</i>
859 <br><small>settings</small>
860 </div>
861 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_applications</i>
862 <br><small>settings_applications</small>
863 </div>
864 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_backup_restore</i>
865 <br><small>settings_backup_restore</small>
866 </div>
867 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_bluetooth</i>
868 <br><small>settings_bluetooth</small>
869 </div>
870 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_brightness</i>
871 <br><small>settings_brightness</small>
872 </div>
873 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_cell</i>
874 <br><small>settings_cell</small>
875 </div>
876 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_ethernet</i>
877 <br><small>settings_ethernet</small>
878 </div>
879 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_input_antenna</i>
880 <br><small>settings_input_antenna</small>
881 </div>
882 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_input_component</i>
883 <br><small>settings_input_component</small>
884 </div>
885 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_input_composite</i>
886 <br><small>settings_input_composite</small>
887 </div>
888 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_input_hdmi</i>
889 <br><small>settings_input_hdmi</small>
890 </div>
891 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_input_svideo</i>
892 <br><small>settings_input_svideo</small>
893 </div>
894 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_overscan</i>
895 <br><small>settings_overscan</small>
896 </div>
897 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_phone</i>
898 <br><small>settings_phone</small>
899 </div>
900 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_power</i>
901 <br><small>settings_power</small>
902 </div>
903 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_remote</i>
904 <br><small>settings_remote</small>
905 </div>
906 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_voice</i>
907 <br><small>settings_voice</small>
908 </div>
909 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">shop</i>
910 <br><small>shop</small>
911 </div>
912 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">shop_two</i>
913 <br><small>shop_two</small>
914 </div>
915 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">shopping_basket</i>
916 <br><small>shopping_basket</small>
917 </div>
918 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">shopping_cart</i>
919 <br><small>shopping_cart</small>
920 </div>
921 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">speaker_notes</i>
922 <br><small>speaker_notes</small>
923 </div>
924 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">speaker_notes_off</i>
925 <br><small>speaker_notes_off</small>
926 </div>
927 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">spellcheck</i>
928 <br><small>spellcheck</small>
929 </div>
930 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">star_rate</i>
931 <br><small>star_rate</small>
932 </div>
933 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">stars</i>
934 <br><small>stars</small>
935 </div>
936 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">store</i>
937 <br><small>store</small>
938 </div>
939 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">subject</i>
940 <br><small>subject</small>
941 </div>
942 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">supervisor_account</i>
943 <br><small>supervisor_account</small>
944 </div>
945 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">swap_horiz</i>
946 <br><small>swap_horiz</small>
947 </div>
948 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">swap_vert</i>
949 <br><small>swap_vert</small>
950 </div>
951 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">swap_vertical_circle</i>
952 <br><small>swap_vertical_circle</small>
953 </div>
954 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">system_update_alt</i>
955 <br><small>system_update_alt</small>
956 </div>
957 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">tab</i>
958 <br><small>tab</small>
959 </div>
960 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">tab_unselected</i>
961 <br><small>tab_unselected</small>
962 </div>
963 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">theaters</i>
964 <br><small>theaters</small>
965 </div>
966 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">thumb_down</i>
967 <br><small>thumb_down</small>
968 </div>
969 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">thumb_up</i>
970 <br><small>thumb_up</small>
971 </div>
972 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">thumbs_up_down</i>
973 <br><small>thumbs_up_down</small>
974 </div>
975 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">timeline</i>
976 <br><small>timeline</small>
977 </div>
978 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">toc</i>
979 <br><small>toc</small>
980 </div>
981 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">today</i>
982 <br><small>today</small>
983 </div>
984 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">toll</i>
985 <br><small>toll</small>
986 </div>
987 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">touch_app</i>
988 <br><small>touch_app</small>
989 </div>
990 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">track_changes</i>
991 <br><small>track_changes</small>
992 </div>
993 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">translate</i>
994 <br><small>translate</small>
995 </div>
996 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">trending_down</i>
997 <br><small>trending_down</small>
998 </div>
999 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">trending_flat</i>
1000 <br><small>trending_flat</small>
1001 </div>
1002 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">trending_up</i>
1003 <br><small>trending_up</small>
1004 </div>
1005 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">turned_in</i>
1006 <br><small>turned_in</small>
1007 </div>
1008 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">turned_in_not</i>
1009 <br><small>turned_in_not</small>
1010 </div>
1011 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">update</i>
1012 <br><small>update</small>
1013 </div>
1014 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">verified_user</i>
1015 <br><small>verified_user</small>
1016 </div>
1017 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_agenda</i>
1018 <br><small>view_agenda</small>
1019 </div>
1020 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_array</i>
1021 <br><small>view_array</small>
1022 </div>
1023 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_carousel</i>
1024 <br><small>view_carousel</small>
1025 </div>
1026 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_column</i>
1027 <br><small>view_column</small>
1028 </div>
1029 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_day</i>
1030 <br><small>view_day</small>
1031 </div>
1032 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_headline</i>
1033 <br><small>view_headline</small>
1034 </div>
1035 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_list</i>
1036 <br><small>view_list</small>
1037 </div>
1038 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_module</i>
1039 <br><small>view_module</small>
1040 </div>
1041 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_quilt</i>
1042 <br><small>view_quilt</small>
1043 </div>
1044 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_stream</i>
1045 <br><small>view_stream</small>
1046 </div>
1047 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_week</i>
1048 <br><small>view_week</small>
1049 </div>
1050 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">visibility</i>
1051 <br><small>visibility</small>
1052 </div>
1053 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">visibility_off</i>
1054 <br><small>visibility_off</small>
1055 </div>
1056 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">watch_later</i>
1057 <br><small>watch_later</small>
1058 </div>
1059 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">work</i>
1060 <br><small>work</small>
1061 </div>
1062 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">youtube_searched_for</i>
1063 <br><small>youtube_searched_for</small>
1064 </div>
1065 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">zoom_in</i>
1066 <br><small>zoom_in</small>
1067 </div>
1068 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">zoom_out</i>
1069 <br><small>zoom_out</small>
1070 </div>
1071 </div>
1072 <!-- /.row -->
1073 <hr>
1074 <h5 class="box-title">Alert</h5>
1075 <div class="row text-center">
1076 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">add_alert</i>
1077 <br><small>add_alert</small>
1078 </div>
1079 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">error</i>
1080 <br><small>error</small>
1081 </div>
1082 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">error_outline</i>
1083 <br><small>error_outline</small>
1084 </div>
1085 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">warning</i>
1086 <br><small>warning</small>
1087 </div>
1088 </div>
1089 <!-- /.row -->
1090 <hr>
1091 <h5 class="box-title">AV</h5>
1092 <div class="row text-center">
1093 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">add_to_queue</i>
1094 <br><small>add_to_queue</small>
1095 </div>
1096 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">airplay</i>
1097 <br><small>airplay</small>
1098 </div>
1099 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">album</i>
1100 <br><small>album</small>
1101 </div>
1102 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">art_track</i>
1103 <br><small>art_track</small>
1104 </div>
1105 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">av_timer</i>
1106 <br><small>av_timer</small>
1107 </div>
1108 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">branding_watermark</i>
1109 <br><small>branding_watermark</small>
1110 </div>
1111 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">call_to_action</i>
1112 <br><small>call_to_action</small>
1113 </div>
1114 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">closed_caption</i>
1115 <br><small>closed_caption</small>
1116 </div>
1117 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">equalizer</i>
1118 <br><small>equalizer</small>
1119 </div>
1120 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">explicit</i>
1121 <br><small>explicit</small>
1122 </div>
1123 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">fast_forward</i>
1124 <br><small>fast_forward</small>
1125 </div>
1126 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">fast_rewind</i>
1127 <br><small>fast_rewind</small>
1128 </div>
1129 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">featured_play_list</i>
1130 <br><small>featured_play_list</small>
1131 </div>
1132 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">featured_video</i>
1133 <br><small>featured_video</small>
1134 </div>
1135 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">fiber_dvr</i>
1136 <br><small>fiber_dvr</small>
1137 </div>
1138 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">fiber_manual_record</i>
1139 <br><small>fiber_manual_record</small>
1140 </div>
1141 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">fiber_new</i>
1142 <br><small>fiber_new</small>
1143 </div>
1144 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">fiber_pin</i>
1145 <br><small>fiber_pin</small>
1146 </div>
1147 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">fiber_smart_record</i>
1148 <br><small>fiber_smart_record</small>
1149 </div>
1150 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">forward_10</i>
1151 <br><small>forward_10</small>
1152 </div>
1153 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">forward_30</i>
1154 <br><small>forward_30</small>
1155 </div>
1156 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">forward_5</i>
1157 <br><small>forward_5</small>
1158 </div>
1159 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">games</i>
1160 <br><small>games</small>
1161 </div>
1162 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">hd</i>
1163 <br><small>hd</small>
1164 </div>
1165 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">hearing</i>
1166 <br><small>hearing</small>
1167 </div>
1168 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">high_quality</i>
1169 <br><small>high_quality</small>
1170 </div>
1171 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">library_add</i>
1172 <br><small>library_add</small>
1173 </div>
1174 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">library_books</i>
1175 <br><small>library_books</small>
1176 </div>
1177 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">library_music</i>
1178 <br><small>library_music</small>
1179 </div>
1180 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">loop</i>
1181 <br><small>loop</small>
1182 </div>
1183 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">mic</i>
1184 <br><small>mic</small>
1185 </div>
1186 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">mic_none</i>
1187 <br><small>mic_none</small>
1188 </div>
1189 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">mic_off</i>
1190 <br><small>mic_off</small>
1191 </div>
1192 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">movie</i>
1193 <br><small>movie</small>
1194 </div>
1195 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">music_video</i>
1196 <br><small>music_video</small>
1197 </div>
1198 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">new_releases</i>
1199 <br><small>new_releases</small>
1200 </div>
1201 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">not_interested</i>
1202 <br><small>not_interested</small>
1203 </div>
1204 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">note</i>
1205 <br><small>note</small>
1206 </div>
1207 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">pause</i>
1208 <br><small>pause</small>
1209 </div>
1210 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">pause_circle_filled</i>
1211 <br><small>pause_circle_filled</small>
1212 </div>
1213 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">pause_circle_outline</i>
1214 <br><small>pause_circle_outline</small>
1215 </div>
1216 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">play_arrow</i>
1217 <br><small>play_arrow</small>
1218 </div>
1219 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">play_circle_filled</i>
1220 <br><small>play_circle_filled</small>
1221 </div>
1222 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">play_circle_outline</i>
1223 <br><small>play_circle_outline</small>
1224 </div>
1225 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">playlist_add</i>
1226 <br><small>playlist_add</small>
1227 </div>
1228 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">playlist_add_check</i>
1229 <br><small>playlist_add_check</small>
1230 </div>
1231 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">playlist_play</i>
1232 <br><small>playlist_play</small>
1233 </div>
1234 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">queue</i>
1235 <br><small>queue</small>
1236 </div>
1237 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">queue_music</i>
1238 <br><small>queue_music</small>
1239 </div>
1240 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">queue_play_next</i>
1241 <br><small>queue_play_next</small>
1242 </div>
1243 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">radio</i>
1244 <br><small>radio</small>
1245 </div>
1246 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">recent_actors</i>
1247 <br><small>recent_actors</small>
1248 </div>
1249 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">remove_from_queue</i>
1250 <br><small>remove_from_queue</small>
1251 </div>
1252 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">repeat</i>
1253 <br><small>repeat</small>
1254 </div>
1255 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">repeat_one</i>
1256 <br><small>repeat_one</small>
1257 </div>
1258 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">replay</i>
1259 <br><small>replay</small>
1260 </div>
1261 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">replay_10</i>
1262 <br><small>replay_10</small>
1263 </div>
1264 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">replay_30</i>
1265 <br><small>replay_30</small>
1266 </div>
1267 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">replay_5</i>
1268 <br><small>replay_5</small>
1269 </div>
1270 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">shuffle</i>
1271 <br><small>shuffle</small>
1272 </div>
1273 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">skip_next</i>
1274 <br><small>skip_next</small>
1275 </div>
1276 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">skip_previous</i>
1277 <br><small>skip_previous</small>
1278 </div>
1279 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">slow_motion_video</i>
1280 <br><small>slow_motion_video</small>
1281 </div>
1282 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">snooze</i>
1283 <br><small>snooze</small>
1284 </div>
1285 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sort_by_alpha</i>
1286 <br><small>sort_by_alpha</small>
1287 </div>
1288 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">stop</i>
1289 <br><small>stop</small>
1290 </div>
1291 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">subscriptions</i>
1292 <br><small>subscriptions</small>
1293 </div>
1294 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">subtitles</i>
1295 <br><small>subtitles</small>
1296 </div>
1297 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">surround_sound</i>
1298 <br><small>surround_sound</small>
1299 </div>
1300 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">video_call</i>
1301 <br><small>video_call</small>
1302 </div>
1303 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">video_label</i>
1304 <br><small>video_label</small>
1305 </div>
1306 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">video_library</i>
1307 <br><small>video_library</small>
1308 </div>
1309 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">videocam</i>
1310 <br><small>videocam</small>
1311 </div>
1312 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">videocam_off</i>
1313 <br><small>videocam_off</small>
1314 </div>
1315 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">volume_down</i>
1316 <br><small>volume_down</small>
1317 </div>
1318 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">volume_mute</i>
1319 <br><small>volume_mute</small>
1320 </div>
1321 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">volume_off</i>
1322 <br><small>volume_off</small>
1323 </div>
1324 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">volume_up</i>
1325 <br><small>volume_up</small>
1326 </div>
1327 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">web</i>
1328 <br><small>web</small>
1329 </div>
1330 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">web_asset</i>
1331 <br><small>web_asset</small>
1332 </div>
1333 </div>
1334 <!-- /.row -->
1335 <hr>
1336 <h5 class="box-title">Communication</h5>
1337 <div class="row text-center">
1338 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">business</i>
1339 <br><small>business</small>
1340 </div>
1341 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">call</i>
1342 <br><small>call</small>
1343 </div>
1344 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">call_end</i>
1345 <br><small>call_end</small>
1346 </div>
1347 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">call_made</i>
1348 <br><small>call_made</small>
1349 </div>
1350 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">call_merge</i>
1351 <br><small>call_merge</small>
1352 </div>
1353 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">call_missed</i>
1354 <br><small>call_missed</small>
1355 </div>
1356 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">call_missed_outgoing</i>
1357 <br><small>call_missed_outgoing</small>
1358 </div>
1359 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">call_received</i>
1360 <br><small>call_received</small>
1361 </div>
1362 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">call_split</i>
1363 <br><small>call_split</small>
1364 </div>
1365 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">chat</i>
1366 <br><small>chat</small>
1367 </div>
1368 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">chat_bubble</i>
1369 <br><small>chat_bubble</small>
1370 </div>
1371 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">chat_bubble_outline</i>
1372 <br><small>chat_bubble_outline</small>
1373 </div>
1374 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">clear_all</i>
1375 <br><small>clear_all</small>
1376 </div>
1377 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">comment</i>
1378 <br><small>comment</small>
1379 </div>
1380 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">contact_mail</i>
1381 <br><small>contact_mail</small>
1382 </div>
1383 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">contact_phone</i>
1384 <br><small>contact_phone</small>
1385 </div>
1386 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">contacts</i>
1387 <br><small>contacts</small>
1388 </div>
1389 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">dialer_sip</i>
1390 <br><small>dialer_sip</small>
1391 </div>
1392 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">dialpad</i>
1393 <br><small>dialpad</small>
1394 </div>
1395 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">email</i>
1396 <br><small>email</small>
1397 </div>
1398 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">forum</i>
1399 <br><small>forum</small>
1400 </div>
1401 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">import_contacts</i>
1402 <br><small>import_contacts</small>
1403 </div>
1404 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">import_export</i>
1405 <br><small>import_export</small>
1406 </div>
1407 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">invert_colors_off</i>
1408 <br><small>invert_colors_off</small>
1409 </div>
1410 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">live_help</i>
1411 <br><small>live_help</small>
1412 </div>
1413 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">location_off</i>
1414 <br><small>location_off</small>
1415 </div>
1416 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">location_on</i>
1417 <br><small>location_on</small>
1418 </div>
1419 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">mail_outline</i>
1420 <br><small>mail_outline</small>
1421 </div>
1422 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">message</i>
1423 <br><small>message</small>
1424 </div>
1425 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">no_sim</i>
1426 <br><small>no_sim</small>
1427 </div>
1428 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phone</i>
1429 <br><small>phone</small>
1430 </div>
1431 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phonelink_erase</i>
1432 <br><small>phonelink_erase</small>
1433 </div>
1434 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phonelink_lock</i>
1435 <br><small>phonelink_lock</small>
1436 </div>
1437 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phonelink_ring</i>
1438 <br><small>phonelink_ring</small>
1439 </div>
1440 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phonelink_setup</i>
1441 <br><small>phonelink_setup</small>
1442 </div>
1443 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">portable_wifi_off</i>
1444 <br><small>portable_wifi_off</small>
1445 </div>
1446 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">present_to_all</i>
1447 <br><small>present_to_all</small>
1448 </div>
1449 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">ring_volume</i>
1450 <br><small>ring_volume</small>
1451 </div>
1452 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">rss_feed</i>
1453 <br><small>rss_feed</small>
1454 </div>
1455 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">screen_share</i>
1456 <br><small>screen_share</small>
1457 </div>
1458 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">speaker_phone</i>
1459 <br><small>speaker_phone</small>
1460 </div>
1461 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">stay_current_landscape</i>
1462 <br><small>stay_current_landscape</small>
1463 </div>
1464 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">stay_current_portrait</i>
1465 <br><small>stay_current_portrait</small>
1466 </div>
1467 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">stay_primary_landscape</i>
1468 <br><small>stay_primary_landscape</small>
1469 </div>
1470 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">stay_primary_portrait</i>
1471 <br><small>stay_primary_portrait</small>
1472 </div>
1473 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">stop_screen_share</i>
1474 <br><small>stop_screen_share</small>
1475 </div>
1476 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">swap_calls</i>
1477 <br><small>swap_calls</small>
1478 </div>
1479 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">textsms</i>
1480 <br><small>textsms</small>
1481 </div>
1482 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">voicemail</i>
1483 <br><small>voicemail</small>
1484 </div>
1485 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">vpn_key</i>
1486 <br><small>vpn_key</small>
1487 </div>
1488 </div>
1489 <!-- /.row -->
1490 <hr>
1491 <h5 class="box-title">Content</h5>
1492 <div class="row text-center">
1493 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">add</i>
1494 <br><small>add</small>
1495 </div>
1496 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">add_box</i>
1497 <br><small>add_box</small>
1498 </div>
1499 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">add_circle</i>
1500 <br><small>add_circle</small>
1501 </div>
1502 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">add_circle_outline</i>
1503 <br><small>add_circle_outline</small>
1504 </div>
1505 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">archive</i>
1506 <br><small>archive</small>
1507 </div>
1508 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">backspace</i>
1509 <br><small>backspace</small>
1510 </div>
1511 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">block</i>
1512 <br><small>block</small>
1513 </div>
1514 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">clear</i>
1515 <br><small>clear</small>
1516 </div>
1517 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">content_copy</i>
1518 <br><small>content_copy</small>
1519 </div>
1520 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">content_cut</i>
1521 <br><small>content_cut</small>
1522 </div>
1523 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">content_paste</i>
1524 <br><small>content_paste</small>
1525 </div>
1526 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">create</i>
1527 <br><small>create</small>
1528 </div>
1529 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">delete_sweep</i>
1530 <br><small>delete_sweep</small>
1531 </div>
1532 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">drafts</i>
1533 <br><small>drafts</small>
1534 </div>
1535 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_list</i>
1536 <br><small>filter_list</small>
1537 </div>
1538 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">flag</i>
1539 <br><small>flag</small>
1540 </div>
1541 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">font_download</i>
1542 <br><small>font_download</small>
1543 </div>
1544 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">forward</i>
1545 <br><small>forward</small>
1546 </div>
1547 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">gesture</i>
1548 <br><small>gesture</small>
1549 </div>
1550 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">inbox</i>
1551 <br><small>inbox</small>
1552 </div>
1553 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">link</i>
1554 <br><small>link</small>
1555 </div>
1556 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">low_priority</i>
1557 <br><small>low_priority</small>
1558 </div>
1559 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">mail</i>
1560 <br><small>mail</small>
1561 </div>
1562 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">markunread</i>
1563 <br><small>markunread</small>
1564 </div>
1565 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">move_to_inbox</i>
1566 <br><small>move_to_inbox</small>
1567 </div>
1568 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">next_week</i>
1569 <br><small>next_week</small>
1570 </div>
1571 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">redo</i>
1572 <br><small>redo</small>
1573 </div>
1574 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">remove</i>
1575 <br><small>remove</small>
1576 </div>
1577 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">remove_circle</i>
1578 <br><small>remove_circle</small>
1579 </div>
1580 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">remove_circle_outline</i>
1581 <br><small>remove_circle_outline</small>
1582 </div>
1583 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">reply</i>
1584 <br><small>reply</small>
1585 </div>
1586 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">reply_all</i>
1587 <br><small>reply_all</small>
1588 </div>
1589 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">report</i>
1590 <br><small>report</small>
1591 </div>
1592 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">save</i>
1593 <br><small>save</small>
1594 </div>
1595 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">select_all</i>
1596 <br><small>select_all</small>
1597 </div>
1598 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">send</i>
1599 <br><small>send</small>
1600 </div>
1601 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sort</i>
1602 <br><small>sort</small>
1603 </div>
1604 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">text_format</i>
1605 <br><small>text_format</small>
1606 </div>
1607 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">unarchive</i>
1608 <br><small>unarchive</small>
1609 </div>
1610 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">undo</i>
1611 <br><small>undo</small>
1612 </div>
1613 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">weekend</i>
1614 <br><small>weekend</small>
1615 </div>
1616 </div>
1617 <!-- /.row -->
1618 <hr>
1619 <h5 class="box-title">Device</h5>
1620 <div class="row text-center">
1621 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">access_alarm</i>
1622 <br><small>access_alarm</small>
1623 </div>
1624 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">access_alarms</i>
1625 <br><small>access_alarms</small>
1626 </div>
1627 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">access_time</i>
1628 <br><small>access_time</small>
1629 </div>
1630 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">add_alarm</i>
1631 <br><small>add_alarm</small>
1632 </div>
1633 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">airplanemode_active</i>
1634 <br><small>airplanemode_active</small>
1635 </div>
1636 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">airplanemode_inactive</i>
1637 <br><small>airplanemode_inactive</small>
1638 </div>
1639 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">battery_alert</i>
1640 <br><small>battery_alert</small>
1641 </div>
1642 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">battery_charging_full</i>
1643 <br><small>battery_charging_full</small>
1644 </div>
1645 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">battery_full</i>
1646 <br><small>battery_full</small>
1647 </div>
1648 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">battery_std</i>
1649 <br><small>battery_std</small>
1650 </div>
1651 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">battery_unknown</i>
1652 <br><small>battery_unknown</small>
1653 </div>
1654 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">bluetooth</i>
1655 <br><small>bluetooth</small>
1656 </div>
1657 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">bluetooth_connected</i>
1658 <br><small>bluetooth_connected</small>
1659 </div>
1660 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">bluetooth_disabled</i>
1661 <br><small>bluetooth_disabled</small>
1662 </div>
1663 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">bluetooth_searching</i>
1664 <br><small>bluetooth_searching</small>
1665 </div>
1666 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">brightness_auto</i>
1667 <br><small>brightness_auto</small>
1668 </div>
1669 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">brightness_high</i>
1670 <br><small>brightness_high</small>
1671 </div>
1672 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">brightness_low</i>
1673 <br><small>brightness_low</small>
1674 </div>
1675 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">brightness_medium</i>
1676 <br><small>brightness_medium</small>
1677 </div>
1678 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">data_usage</i>
1679 <br><small>data_usage</small>
1680 </div>
1681 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">developer_mode</i>
1682 <br><small>developer_mode</small>
1683 </div>
1684 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">devices</i>
1685 <br><small>devices</small>
1686 </div>
1687 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">dvr</i>
1688 <br><small>dvr</small>
1689 </div>
1690 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">gps_fixed</i>
1691 <br><small>gps_fixed</small>
1692 </div>
1693 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">gps_not_fixed</i>
1694 <br><small>gps_not_fixed</small>
1695 </div>
1696 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">gps_off</i>
1697 <br><small>gps_off</small>
1698 </div>
1699 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">graphic_eq</i>
1700 <br><small>graphic_eq</small>
1701 </div>
1702 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">location_disabled</i>
1703 <br><small>location_disabled</small>
1704 </div>
1705 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">location_searching</i>
1706 <br><small>location_searching</small>
1707 </div>
1708 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">network_cell</i>
1709 <br><small>network_cell</small>
1710 </div>
1711 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">network_wifi</i>
1712 <br><small>network_wifi</small>
1713 </div>
1714 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">nfc</i>
1715 <br><small>nfc</small>
1716 </div>
1717 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">screen_lock_landscape</i>
1718 <br><small>screen_lock_landscape</small>
1719 </div>
1720 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">screen_lock_portrait</i>
1721 <br><small>screen_lock_portrait</small>
1722 </div>
1723 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">screen_lock_rotation</i>
1724 <br><small>screen_lock_rotation</small>
1725 </div>
1726 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">screen_rotation</i>
1727 <br><small>screen_rotation</small>
1728 </div>
1729 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sd_storage</i>
1730 <br><small>sd_storage</small>
1731 </div>
1732 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">settings_system_daydream</i>
1733 <br><small>settings_system_daydream</small>
1734 </div>
1735 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">signal_cellular_4_bar</i>
1736 <br><small>signal_cellular_4_bar</small>
1737 </div>
1738 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">signal_cellular_connected_no_internet_4_bar</i>
1739 <br><small>signal_cellular_connected_no_internet_4_bar</small>
1740 </div>
1741 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">signal_cellular_no_sim</i>
1742 <br><small>signal_cellular_no_sim</small>
1743 </div>
1744 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">signal_cellular_null</i>
1745 <br><small>signal_cellular_null</small>
1746 </div>
1747 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">signal_cellular_off</i>
1748 <br><small>signal_cellular_off</small>
1749 </div>
1750 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">signal_wifi_4_bar</i>
1751 <br><small>signal_wifi_4_bar</small>
1752 </div>
1753 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">signal_wifi_4_bar_lock</i>
1754 <br><small>signal_wifi_4_bar_lock</small>
1755 </div>
1756 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">signal_wifi_off</i>
1757 <br><small>signal_wifi_off</small>
1758 </div>
1759 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">storage</i>
1760 <br><small>storage</small>
1761 </div>
1762 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">usb</i>
1763 <br><small>usb</small>
1764 </div>
1765 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">wallpaper</i>
1766 <br><small>wallpaper</small>
1767 </div>
1768 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">widgets</i>
1769 <br><small>widgets</small>
1770 </div>
1771 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">wifi_lock</i>
1772 <br><small>wifi_lock</small>
1773 </div>
1774 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">wifi_tethering</i>
1775 <br><small>wifi_tethering</small>
1776 </div>
1777 </div>
1778 <!-- /.row -->
1779 <hr>
1780 <h5 class="box-title">Editor</h5>
1781 <div class="row text-center">
1782 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">attach_file</i>
1783 <br><small>attach_file</small>
1784 </div>
1785 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">attach_money</i>
1786 <br><small>attach_money</small>
1787 </div>
1788 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">border_all</i>
1789 <br><small>border_all</small>
1790 </div>
1791 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">border_bottom</i>
1792 <br><small>border_bottom</small>
1793 </div>
1794 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">border_clear</i>
1795 <br><small>border_clear</small>
1796 </div>
1797 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">border_color</i>
1798 <br><small>border_color</small>
1799 </div>
1800 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">border_horizontal</i>
1801 <br><small>border_horizontal</small>
1802 </div>
1803 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">border_inner</i>
1804 <br><small>border_inner</small>
1805 </div>
1806 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">border_left</i>
1807 <br><small>border_left</small>
1808 </div>
1809 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">border_outer</i>
1810 <br><small>border_outer</small>
1811 </div>
1812 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">border_right</i>
1813 <br><small>border_right</small>
1814 </div>
1815 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">border_style</i>
1816 <br><small>border_style</small>
1817 </div>
1818 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">border_top</i>
1819 <br><small>border_top</small>
1820 </div>
1821 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">border_vertical</i>
1822 <br><small>border_vertical</small>
1823 </div>
1824 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">bubble_chart</i>
1825 <br><small>bubble_chart</small>
1826 </div>
1827 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">drag_handle</i>
1828 <br><small>drag_handle</small>
1829 </div>
1830 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_align_center</i>
1831 <br><small>format_align_center</small>
1832 </div>
1833 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_align_justify</i>
1834 <br><small>format_align_justify</small>
1835 </div>
1836 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_align_left</i>
1837 <br><small>format_align_left</small>
1838 </div>
1839 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_align_right</i>
1840 <br><small>format_align_right</small>
1841 </div>
1842 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_bold</i>
1843 <br><small>format_bold</small>
1844 </div>
1845 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_clear</i>
1846 <br><small>format_clear</small>
1847 </div>
1848 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_color_fill</i>
1849 <br><small>format_color_fill</small>
1850 </div>
1851 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_color_reset</i>
1852 <br><small>format_color_reset</small>
1853 </div>
1854 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_color_text</i>
1855 <br><small>format_color_text</small>
1856 </div>
1857 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_indent_decrease</i>
1858 <br><small>format_indent_decrease</small>
1859 </div>
1860 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_indent_increase</i>
1861 <br><small>format_indent_increase</small>
1862 </div>
1863 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_italic</i>
1864 <br><small>format_italic</small>
1865 </div>
1866 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_line_spacing</i>
1867 <br><small>format_line_spacing</small>
1868 </div>
1869 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_list_bulleted</i>
1870 <br><small>format_list_bulleted</small>
1871 </div>
1872 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_list_numbered</i>
1873 <br><small>format_list_numbered</small>
1874 </div>
1875 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_paint</i>
1876 <br><small>format_paint</small>
1877 </div>
1878 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_quote</i>
1879 <br><small>format_quote</small>
1880 </div>
1881 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_shapes</i>
1882 <br><small>format_shapes</small>
1883 </div>
1884 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_size</i>
1885 <br><small>format_size</small>
1886 </div>
1887 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_strikethrough</i>
1888 <br><small>format_strikethrough</small>
1889 </div>
1890 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_textdirection_l_to_r</i>
1891 <br><small>format_textdirection_l_to_r</small>
1892 </div>
1893 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_textdirection_r_to_l</i>
1894 <br><small>format_textdirection_r_to_l</small>
1895 </div>
1896 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">format_underlined</i>
1897 <br><small>format_underlined</small>
1898 </div>
1899 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">functions</i>
1900 <br><small>functions</small>
1901 </div>
1902 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">highlight</i>
1903 <br><small>highlight</small>
1904 </div>
1905 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">insert_chart</i>
1906 <br><small>insert_chart</small>
1907 </div>
1908 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">insert_comment</i>
1909 <br><small>insert_comment</small>
1910 </div>
1911 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">insert_drive_file</i>
1912 <br><small>insert_drive_file</small>
1913 </div>
1914 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">insert_emoticon</i>
1915 <br><small>insert_emoticon</small>
1916 </div>
1917 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">insert_invitation</i>
1918 <br><small>insert_invitation</small>
1919 </div>
1920 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">insert_link</i>
1921 <br><small>insert_link</small>
1922 </div>
1923 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">insert_photo</i>
1924 <br><small>insert_photo</small>
1925 </div>
1926 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">linear_scale</i>
1927 <br><small>linear_scale</small>
1928 </div>
1929 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">merge_type</i>
1930 <br><small>merge_type</small>
1931 </div>
1932 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">mode_comment</i>
1933 <br><small>mode_comment</small>
1934 </div>
1935 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">mode_edit</i>
1936 <br><small>mode_edit</small>
1937 </div>
1938 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">monetization_on</i>
1939 <br><small>monetization_on</small>
1940 </div>
1941 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">money_off</i>
1942 <br><small>money_off</small>
1943 </div>
1944 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">multiline_chart</i>
1945 <br><small>multiline_chart</small>
1946 </div>
1947 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">pie_chart</i>
1948 <br><small>pie_chart</small>
1949 </div>
1950 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">pie_chart_outlined</i>
1951 <br><small>pie_chart_outlined</small>
1952 </div>
1953 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">publish</i>
1954 <br><small>publish</small>
1955 </div>
1956 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">short_text</i>
1957 <br><small>short_text</small>
1958 </div>
1959 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">show_chart</i>
1960 <br><small>show_chart</small>
1961 </div>
1962 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">space_bar</i>
1963 <br><small>space_bar</small>
1964 </div>
1965 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">strikethrough_s</i>
1966 <br><small>strikethrough_s</small>
1967 </div>
1968 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">text_fields</i>
1969 <br><small>text_fields</small>
1970 </div>
1971 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">title</i>
1972 <br><small>title</small>
1973 </div>
1974 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">vertical_align_bottom</i>
1975 <br><small>vertical_align_bottom</small>
1976 </div>
1977 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">vertical_align_center</i>
1978 <br><small>vertical_align_center</small>
1979 </div>
1980 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">vertical_align_top</i>
1981 <br><small>vertical_align_top</small>
1982 </div>
1983 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">wrap_text</i>
1984 <br><small>wrap_text</small>
1985 </div>
1986 </div>
1987 <!-- /.row -->
1988 <hr>
1989 <h5 class="box-title">File</h5>
1990 <div class="row text-center">
1991 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">attachment</i>
1992 <br><small>attachment</small>
1993 </div>
1994 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">cloud</i>
1995 <br><small>cloud</small>
1996 </div>
1997 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">cloud_circle</i>
1998 <br><small>cloud_circle</small>
1999 </div>
2000 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">cloud_done</i>
2001 <br><small>cloud_done</small>
2002 </div>
2003 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">cloud_download</i>
2004 <br><small>cloud_download</small>
2005 </div>
2006 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">cloud_off</i>
2007 <br><small>cloud_off</small>
2008 </div>
2009 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">cloud_queue</i>
2010 <br><small>cloud_queue</small>
2011 </div>
2012 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">cloud_upload</i>
2013 <br><small>cloud_upload</small>
2014 </div>
2015 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">create_new_folder</i>
2016 <br><small>create_new_folder</small>
2017 </div>
2018 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">file_download</i>
2019 <br><small>file_download</small>
2020 </div>
2021 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">file_upload</i>
2022 <br><small>file_upload</small>
2023 </div>
2024 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">folder</i>
2025 <br><small>folder</small>
2026 </div>
2027 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">folder_open</i>
2028 <br><small>folder_open</small>
2029 </div>
2030 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">folder_shared</i>
2031 <br><small>folder_shared</small>
2032 </div>
2033 </div>
2034 <!-- /.row -->
2035 <hr>
2036 <h5 class="box-title">Hardware</h5>
2037 <div class="row text-center">
2038 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">cast</i>
2039 <br><small>cast</small>
2040 </div>
2041 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">cast_connected</i>
2042 <br><small>cast_connected</small>
2043 </div>
2044 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">computer</i>
2045 <br><small>computer</small>
2046 </div>
2047 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">desktop_mac</i>
2048 <br><small>desktop_mac</small>
2049 </div>
2050 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">desktop_windows</i>
2051 <br><small>desktop_windows</small>
2052 </div>
2053 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">developer_board</i>
2054 <br><small>developer_board</small>
2055 </div>
2056 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">device_hub</i>
2057 <br><small>device_hub</small>
2058 </div>
2059 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">devices_other</i>
2060 <br><small>devices_other</small>
2061 </div>
2062 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">dock</i>
2063 <br><small>dock</small>
2064 </div>
2065 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">gamepad</i>
2066 <br><small>gamepad</small>
2067 </div>
2068 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">headset</i>
2069 <br><small>headset</small>
2070 </div>
2071 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">headset_mic</i>
2072 <br><small>headset_mic</small>
2073 </div>
2074 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">keyboard</i>
2075 <br><small>keyboard</small>
2076 </div>
2077 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">keyboard_arrow_down</i>
2078 <br><small>keyboard_arrow_down</small>
2079 </div>
2080 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">keyboard_arrow_left</i>
2081 <br><small>keyboard_arrow_left</small>
2082 </div>
2083 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">keyboard_arrow_right</i>
2084 <br><small>keyboard_arrow_right</small>
2085 </div>
2086 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">keyboard_arrow_up</i>
2087 <br><small>keyboard_arrow_up</small>
2088 </div>
2089 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">keyboard_backspace</i>
2090 <br><small>keyboard_backspace</small>
2091 </div>
2092 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">keyboard_capslock</i>
2093 <br><small>keyboard_capslock</small>
2094 </div>
2095 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">keyboard_hide</i>
2096 <br><small>keyboard_hide</small>
2097 </div>
2098 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">keyboard_return</i>
2099 <br><small>keyboard_return</small>
2100 </div>
2101 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">keyboard_tab</i>
2102 <br><small>keyboard_tab</small>
2103 </div>
2104 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">keyboard_voice</i>
2105 <br><small>keyboard_voice</small>
2106 </div>
2107 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">laptop</i>
2108 <br><small>laptop</small>
2109 </div>
2110 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">laptop_chromebook</i>
2111 <br><small>laptop_chromebook</small>
2112 </div>
2113 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">laptop_mac</i>
2114 <br><small>laptop_mac</small>
2115 </div>
2116 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">laptop_windows</i>
2117 <br><small>laptop_windows</small>
2118 </div>
2119 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">memory</i>
2120 <br><small>memory</small>
2121 </div>
2122 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">mouse</i>
2123 <br><small>mouse</small>
2124 </div>
2125 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phone_android</i>
2126 <br><small>phone_android</small>
2127 </div>
2128 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phone_iphone</i>
2129 <br><small>phone_iphone</small>
2130 </div>
2131 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phonelink</i>
2132 <br><small>phonelink</small>
2133 </div>
2134 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phonelink_off</i>
2135 <br><small>phonelink_off</small>
2136 </div>
2137 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">power_input</i>
2138 <br><small>power_input</small>
2139 </div>
2140 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">router</i>
2141 <br><small>router</small>
2142 </div>
2143 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">scanner</i>
2144 <br><small>scanner</small>
2145 </div>
2146 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">security</i>
2147 <br><small>security</small>
2148 </div>
2149 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sim_card</i>
2150 <br><small>sim_card</small>
2151 </div>
2152 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">smartphone</i>
2153 <br><small>smartphone</small>
2154 </div>
2155 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">speaker</i>
2156 <br><small>speaker</small>
2157 </div>
2158 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">speaker_group</i>
2159 <br><small>speaker_group</small>
2160 </div>
2161 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">tablet</i>
2162 <br><small>tablet</small>
2163 </div>
2164 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">tablet_android</i>
2165 <br><small>tablet_android</small>
2166 </div>
2167 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">tablet_mac</i>
2168 <br><small>tablet_mac</small>
2169 </div>
2170 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">toys</i>
2171 <br><small>toys</small>
2172 </div>
2173 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">tv</i>
2174 <br><small>tv</small>
2175 </div>
2176 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">videogame_asset</i>
2177 <br><small>videogame_asset</small>
2178 </div>
2179 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">watch</i>
2180 <br><small>watch</small>
2181 </div>
2182 </div>
2183 <!-- /.row -->
2184 <hr>
2185 <h5 class="box-title">Image</h5>
2186 <div class="row text-center">
2187 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">add_a_photo</i>
2188 <br><small>add_a_photo</small>
2189 </div>
2190 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">add_to_photos</i>
2191 <br><small>add_to_photos</small>
2192 </div>
2193 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">adjust</i>
2194 <br><small>adjust</small>
2195 </div>
2196 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">assistant</i>
2197 <br><small>assistant</small>
2198 </div>
2199 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">assistant_photo</i>
2200 <br><small>assistant_photo</small>
2201 </div>
2202 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">audiotrack</i>
2203 <br><small>audiotrack</small>
2204 </div>
2205 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">blur_circular</i>
2206 <br><small>blur_circular</small>
2207 </div>
2208 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">blur_linear</i>
2209 <br><small>blur_linear</small>
2210 </div>
2211 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">blur_off</i>
2212 <br><small>blur_off</small>
2213 </div>
2214 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">blur_on</i>
2215 <br><small>blur_on</small>
2216 </div>
2217 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">brightness_1</i>
2218 <br><small>brightness_1</small>
2219 </div>
2220 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">brightness_2</i>
2221 <br><small>brightness_2</small>
2222 </div>
2223 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">brightness_3</i>
2224 <br><small>brightness_3</small>
2225 </div>
2226 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">brightness_4</i>
2227 <br><small>brightness_4</small>
2228 </div>
2229 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">brightness_5</i>
2230 <br><small>brightness_5</small>
2231 </div>
2232 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">brightness_6</i>
2233 <br><small>brightness_6</small>
2234 </div>
2235 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">brightness_7</i>
2236 <br><small>brightness_7</small>
2237 </div>
2238 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">broken_image</i>
2239 <br><small>broken_image</small>
2240 </div>
2241 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">brush</i>
2242 <br><small>brush</small>
2243 </div>
2244 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">burst_mode</i>
2245 <br><small>burst_mode</small>
2246 </div>
2247 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">camera</i>
2248 <br><small>camera</small>
2249 </div>
2250 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">camera_alt</i>
2251 <br><small>camera_alt</small>
2252 </div>
2253 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">camera_front</i>
2254 <br><small>camera_front</small>
2255 </div>
2256 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">camera_rear</i>
2257 <br><small>camera_rear</small>
2258 </div>
2259 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">camera_roll</i>
2260 <br><small>camera_roll</small>
2261 </div>
2262 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">center_focus_strong</i>
2263 <br><small>center_focus_strong</small>
2264 </div>
2265 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">center_focus_weak</i>
2266 <br><small>center_focus_weak</small>
2267 </div>
2268 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">collections</i>
2269 <br><small>collections</small>
2270 </div>
2271 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">collections_bookmark</i>
2272 <br><small>collections_bookmark</small>
2273 </div>
2274 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">color_lens</i>
2275 <br><small>color_lens</small>
2276 </div>
2277 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">colorize</i>
2278 <br><small>colorize</small>
2279 </div>
2280 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">compare</i>
2281 <br><small>compare</small>
2282 </div>
2283 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">control_point</i>
2284 <br><small>control_point</small>
2285 </div>
2286 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">control_point_duplicate</i>
2287 <br><small>control_point_duplicate</small>
2288 </div>
2289 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">crop</i>
2290 <br><small>crop</small>
2291 </div>
2292 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">crop_16_9</i>
2293 <br><small>crop_16_9</small>
2294 </div>
2295 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">crop_3_2</i>
2296 <br><small>crop_3_2</small>
2297 </div>
2298 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">crop_5_4</i>
2299 <br><small>crop_5_4</small>
2300 </div>
2301 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">crop_7_5</i>
2302 <br><small>crop_7_5</small>
2303 </div>
2304 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">crop_din</i>
2305 <br><small>crop_din</small>
2306 </div>
2307 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">crop_free</i>
2308 <br><small>crop_free</small>
2309 </div>
2310 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">crop_landscape</i>
2311 <br><small>crop_landscape</small>
2312 </div>
2313 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">crop_original</i>
2314 <br><small>crop_original</small>
2315 </div>
2316 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">crop_portrait</i>
2317 <br><small>crop_portrait</small>
2318 </div>
2319 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">crop_rotate</i>
2320 <br><small>crop_rotate</small>
2321 </div>
2322 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">crop_square</i>
2323 <br><small>crop_square</small>
2324 </div>
2325 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">dehaze</i>
2326 <br><small>dehaze</small>
2327 </div>
2328 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">details</i>
2329 <br><small>details</small>
2330 </div>
2331 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">edit</i>
2332 <br><small>edit</small>
2333 </div>
2334 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">exposure</i>
2335 <br><small>exposure</small>
2336 </div>
2337 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">exposure_neg_1</i>
2338 <br><small>exposure_neg_1</small>
2339 </div>
2340 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">exposure_neg_2</i>
2341 <br><small>exposure_neg_2</small>
2342 </div>
2343 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">exposure_plus_1</i>
2344 <br><small>exposure_plus_1</small>
2345 </div>
2346 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">exposure_plus_2</i>
2347 <br><small>exposure_plus_2</small>
2348 </div>
2349 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">exposure_zero</i>
2350 <br><small>exposure_zero</small>
2351 </div>
2352 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter</i>
2353 <br><small>filter</small>
2354 </div>
2355 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_1</i>
2356 <br><small>filter_1</small>
2357 </div>
2358 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_2</i>
2359 <br><small>filter_2</small>
2360 </div>
2361 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_3</i>
2362 <br><small>filter_3</small>
2363 </div>
2364 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_4</i>
2365 <br><small>filter_4</small>
2366 </div>
2367 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_5</i>
2368 <br><small>filter_5</small>
2369 </div>
2370 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_6</i>
2371 <br><small>filter_6</small>
2372 </div>
2373 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_7</i>
2374 <br><small>filter_7</small>
2375 </div>
2376 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_8</i>
2377 <br><small>filter_8</small>
2378 </div>
2379 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_9</i>
2380 <br><small>filter_9</small>
2381 </div>
2382 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_9_plus</i>
2383 <br><small>filter_9_plus</small>
2384 </div>
2385 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_b_and_w</i>
2386 <br><small>filter_b_and_w</small>
2387 </div>
2388 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_center_focus</i>
2389 <br><small>filter_center_focus</small>
2390 </div>
2391 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_drama</i>
2392 <br><small>filter_drama</small>
2393 </div>
2394 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_frames</i>
2395 <br><small>filter_frames</small>
2396 </div>
2397 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_hdr</i>
2398 <br><small>filter_hdr</small>
2399 </div>
2400 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_none</i>
2401 <br><small>filter_none</small>
2402 </div>
2403 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_tilt_shift</i>
2404 <br><small>filter_tilt_shift</small>
2405 </div>
2406 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">filter_vintage</i>
2407 <br><small>filter_vintage</small>
2408 </div>
2409 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">flare</i>
2410 <br><small>flare</small>
2411 </div>
2412 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">flash_auto</i>
2413 <br><small>flash_auto</small>
2414 </div>
2415 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">flash_off</i>
2416 <br><small>flash_off</small>
2417 </div>
2418 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">flash_on</i>
2419 <br><small>flash_on</small>
2420 </div>
2421 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">flip</i>
2422 <br><small>flip</small>
2423 </div>
2424 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">gradient</i>
2425 <br><small>gradient</small>
2426 </div>
2427 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">grain</i>
2428 <br><small>grain</small>
2429 </div>
2430 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">grid_off</i>
2431 <br><small>grid_off</small>
2432 </div>
2433 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">grid_on</i>
2434 <br><small>grid_on</small>
2435 </div>
2436 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">hdr_off</i>
2437 <br><small>hdr_off</small>
2438 </div>
2439 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">hdr_on</i>
2440 <br><small>hdr_on</small>
2441 </div>
2442 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">hdr_strong</i>
2443 <br><small>hdr_strong</small>
2444 </div>
2445 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">hdr_weak</i>
2446 <br><small>hdr_weak</small>
2447 </div>
2448 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">healing</i>
2449 <br><small>healing</small>
2450 </div>
2451 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">image</i>
2452 <br><small>image</small>
2453 </div>
2454 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">image_aspect_ratio</i>
2455 <br><small>image_aspect_ratio</small>
2456 </div>
2457 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">iso</i>
2458 <br><small>iso</small>
2459 </div>
2460 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">landscape</i>
2461 <br><small>landscape</small>
2462 </div>
2463 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">leak_add</i>
2464 <br><small>leak_add</small>
2465 </div>
2466 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">leak_remove</i>
2467 <br><small>leak_remove</small>
2468 </div>
2469 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">lens</i>
2470 <br><small>lens</small>
2471 </div>
2472 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">linked_camera</i>
2473 <br><small>linked_camera</small>
2474 </div>
2475 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">looks</i>
2476 <br><small>looks</small>
2477 </div>
2478 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">looks_3</i>
2479 <br><small>looks_3</small>
2480 </div>
2481 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">looks_4</i>
2482 <br><small>looks_4</small>
2483 </div>
2484 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">looks_5</i>
2485 <br><small>looks_5</small>
2486 </div>
2487 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">looks_6</i>
2488 <br><small>looks_6</small>
2489 </div>
2490 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">looks_one</i>
2491 <br><small>looks_one</small>
2492 </div>
2493 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">looks_two</i>
2494 <br><small>looks_two</small>
2495 </div>
2496 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">loupe</i>
2497 <br><small>loupe</small>
2498 </div>
2499 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">monochrome_photos</i>
2500 <br><small>monochrome_photos</small>
2501 </div>
2502 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">movie_creation</i>
2503 <br><small>movie_creation</small>
2504 </div>
2505 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">movie_filter</i>
2506 <br><small>movie_filter</small>
2507 </div>
2508 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">music_note</i>
2509 <br><small>music_note</small>
2510 </div>
2511 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">nature</i>
2512 <br><small>nature</small>
2513 </div>
2514 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">nature_people</i>
2515 <br><small>nature_people</small>
2516 </div>
2517 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">navigate_before</i>
2518 <br><small>navigate_before</small>
2519 </div>
2520 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">navigate_next</i>
2521 <br><small>navigate_next</small>
2522 </div>
2523 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">palette</i>
2524 <br><small>palette</small>
2525 </div>
2526 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">panorama</i>
2527 <br><small>panorama</small>
2528 </div>
2529 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">panorama_fish_eye</i>
2530 <br><small>panorama_fish_eye</small>
2531 </div>
2532 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">panorama_horizontal</i>
2533 <br><small>panorama_horizontal</small>
2534 </div>
2535 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">panorama_vertical</i>
2536 <br><small>panorama_vertical</small>
2537 </div>
2538 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">panorama_wide_angle</i>
2539 <br><small>panorama_wide_angle</small>
2540 </div>
2541 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">photo</i>
2542 <br><small>photo</small>
2543 </div>
2544 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">photo_album</i>
2545 <br><small>photo_album</small>
2546 </div>
2547 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">photo_camera</i>
2548 <br><small>photo_camera</small>
2549 </div>
2550 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">photo_filter</i>
2551 <br><small>photo_filter</small>
2552 </div>
2553 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">photo_library</i>
2554 <br><small>photo_library</small>
2555 </div>
2556 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">photo_size_select_actual</i>
2557 <br><small>photo_size_select_actual</small>
2558 </div>
2559 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">photo_size_select_large</i>
2560 <br><small>photo_size_select_large</small>
2561 </div>
2562 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">photo_size_select_small</i>
2563 <br><small>photo_size_select_small</small>
2564 </div>
2565 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">picture_as_pdf</i>
2566 <br><small>picture_as_pdf</small>
2567 </div>
2568 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">portrait</i>
2569 <br><small>portrait</small>
2570 </div>
2571 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">remove_red_eye</i>
2572 <br><small>remove_red_eye</small>
2573 </div>
2574 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">rotate_90_degrees_ccw</i>
2575 <br><small>rotate_90_degrees_ccw</small>
2576 </div>
2577 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">rotate_left</i>
2578 <br><small>rotate_left</small>
2579 </div>
2580 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">rotate_right</i>
2581 <br><small>rotate_right</small>
2582 </div>
2583 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">slideshow</i>
2584 <br><small>slideshow</small>
2585 </div>
2586 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">straighten</i>
2587 <br><small>straighten</small>
2588 </div>
2589 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">style</i>
2590 <br><small>style</small>
2591 </div>
2592 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">switch_camera</i>
2593 <br><small>switch_camera</small>
2594 </div>
2595 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">switch_video</i>
2596 <br><small>switch_video</small>
2597 </div>
2598 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">tag_faces</i>
2599 <br><small>tag_faces</small>
2600 </div>
2601 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">texture</i>
2602 <br><small>texture</small>
2603 </div>
2604 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">timelapse</i>
2605 <br><small>timelapse</small>
2606 </div>
2607 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">timer</i>
2608 <br><small>timer</small>
2609 </div>
2610 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">timer_10</i>
2611 <br><small>timer_10</small>
2612 </div>
2613 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">timer_3</i>
2614 <br><small>timer_3</small>
2615 </div>
2616 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">timer_off</i>
2617 <br><small>timer_off</small>
2618 </div>
2619 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">tonality</i>
2620 <br><small>tonality</small>
2621 </div>
2622 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">transform</i>
2623 <br><small>transform</small>
2624 </div>
2625 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">tune</i>
2626 <br><small>tune</small>
2627 </div>
2628 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_comfy</i>
2629 <br><small>view_comfy</small>
2630 </div>
2631 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">view_compact</i>
2632 <br><small>view_compact</small>
2633 </div>
2634 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">vignette</i>
2635 <br><small>vignette</small>
2636 </div>
2637 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">wb_auto</i>
2638 <br><small>wb_auto</small>
2639 </div>
2640 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">wb_cloudy</i>
2641 <br><small>wb_cloudy</small>
2642 </div>
2643 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">wb_incandescent</i>
2644 <br><small>wb_incandescent</small>
2645 </div>
2646 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">wb_iridescent</i>
2647 <br><small>wb_iridescent</small>
2648 </div>
2649 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">wb_sunny</i>
2650 <br><small>wb_sunny</small>
2651 </div>
2652 </div>
2653 <!-- /.row -->
2654 <hr>
2655 <h5 class="box-title">Maps</h5>
2656 <div class="row text-center">
2657 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">add_location</i>
2658 <br><small>add_location</small>
2659 </div>
2660 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">beenhere</i>
2661 <br><small>beenhere</small>
2662 </div>
2663 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">directions</i>
2664 <br><small>directions</small>
2665 </div>
2666 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">directions_bike</i>
2667 <br><small>directions_bike</small>
2668 </div>
2669 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">directions_boat</i>
2670 <br><small>directions_boat</small>
2671 </div>
2672 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">directions_bus</i>
2673 <br><small>directions_bus</small>
2674 </div>
2675 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">directions_car</i>
2676 <br><small>directions_car</small>
2677 </div>
2678 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">directions_railway</i>
2679 <br><small>directions_railway</small>
2680 </div>
2681 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">directions_run</i>
2682 <br><small>directions_run</small>
2683 </div>
2684 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">directions_subway</i>
2685 <br><small>directions_subway</small>
2686 </div>
2687 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">directions_transit</i>
2688 <br><small>directions_transit</small>
2689 </div>
2690 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">directions_walk</i>
2691 <br><small>directions_walk</small>
2692 </div>
2693 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">edit_location</i>
2694 <br><small>edit_location</small>
2695 </div>
2696 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">ev_station</i>
2697 <br><small>ev_station</small>
2698 </div>
2699 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">flight</i>
2700 <br><small>flight</small>
2701 </div>
2702 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">hotel</i>
2703 <br><small>hotel</small>
2704 </div>
2705 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">layers</i>
2706 <br><small>layers</small>
2707 </div>
2708 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">layers_clear</i>
2709 <br><small>layers_clear</small>
2710 </div>
2711 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_activity</i>
2712 <br><small>local_activity</small>
2713 </div>
2714 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_airport</i>
2715 <br><small>local_airport</small>
2716 </div>
2717 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_atm</i>
2718 <br><small>local_atm</small>
2719 </div>
2720 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_bar</i>
2721 <br><small>local_bar</small>
2722 </div>
2723 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_cafe</i>
2724 <br><small>local_cafe</small>
2725 </div>
2726 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_car_wash</i>
2727 <br><small>local_car_wash</small>
2728 </div>
2729 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_convenience_store</i>
2730 <br><small>local_convenience_store</small>
2731 </div>
2732 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_dining</i>
2733 <br><small>local_dining</small>
2734 </div>
2735 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_drink</i>
2736 <br><small>local_drink</small>
2737 </div>
2738 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_florist</i>
2739 <br><small>local_florist</small>
2740 </div>
2741 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_gas_station</i>
2742 <br><small>local_gas_station</small>
2743 </div>
2744 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_grocery_store</i>
2745 <br><small>local_grocery_store</small>
2746 </div>
2747 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_hospital</i>
2748 <br><small>local_hospital</small>
2749 </div>
2750 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_hotel</i>
2751 <br><small>local_hotel</small>
2752 </div>
2753 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_laundry_service</i>
2754 <br><small>local_laundry_service</small>
2755 </div>
2756 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_library</i>
2757 <br><small>local_library</small>
2758 </div>
2759 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_mall</i>
2760 <br><small>local_mall</small>
2761 </div>
2762 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_movies</i>
2763 <br><small>local_movies</small>
2764 </div>
2765 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_offer</i>
2766 <br><small>local_offer</small>
2767 </div>
2768 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_parking</i>
2769 <br><small>local_parking</small>
2770 </div>
2771 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_pharmacy</i>
2772 <br><small>local_pharmacy</small>
2773 </div>
2774 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_phone</i>
2775 <br><small>local_phone</small>
2776 </div>
2777 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_pizza</i>
2778 <br><small>local_pizza</small>
2779 </div>
2780 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_play</i>
2781 <br><small>local_play</small>
2782 </div>
2783 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_post_office</i>
2784 <br><small>local_post_office</small>
2785 </div>
2786 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_printshop</i>
2787 <br><small>local_printshop</small>
2788 </div>
2789 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_see</i>
2790 <br><small>local_see</small>
2791 </div>
2792 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_shipping</i>
2793 <br><small>local_shipping</small>
2794 </div>
2795 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">local_taxi</i>
2796 <br><small>local_taxi</small>
2797 </div>
2798 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">map</i>
2799 <br><small>map</small>
2800 </div>
2801 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">my_location</i>
2802 <br><small>my_location</small>
2803 </div>
2804 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">navigation</i>
2805 <br><small>navigation</small>
2806 </div>
2807 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">near_me</i>
2808 <br><small>near_me</small>
2809 </div>
2810 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">person_pin</i>
2811 <br><small>person_pin</small>
2812 </div>
2813 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">person_pin_circle</i>
2814 <br><small>person_pin_circle</small>
2815 </div>
2816 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">pin_drop</i>
2817 <br><small>pin_drop</small>
2818 </div>
2819 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">place</i>
2820 <br><small>place</small>
2821 </div>
2822 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">rate_review</i>
2823 <br><small>rate_review</small>
2824 </div>
2825 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">restaurant</i>
2826 <br><small>restaurant</small>
2827 </div>
2828 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">restaurant_menu</i>
2829 <br><small>restaurant_menu</small>
2830 </div>
2831 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">satellite</i>
2832 <br><small>satellite</small>
2833 </div>
2834 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">store_mall_directory</i>
2835 <br><small>store_mall_directory</small>
2836 </div>
2837 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">streetview</i>
2838 <br><small>streetview</small>
2839 </div>
2840 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">subway</i>
2841 <br><small>subway</small>
2842 </div>
2843 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">terrain</i>
2844 <br><small>terrain</small>
2845 </div>
2846 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">traffic</i>
2847 <br><small>traffic</small>
2848 </div>
2849 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">train</i>
2850 <br><small>train</small>
2851 </div>
2852 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">tram</i>
2853 <br><small>tram</small>
2854 </div>
2855 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">transfer_within_a_station</i>
2856 <br><small>transfer_within_a_station</small>
2857 </div>
2858 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">zoom_out_map</i>
2859 <br><small>zoom_out_map</small>
2860 </div>
2861 </div>
2862 <!-- /.row -->
2863 <hr>
2864 <h5 class="box-title">Navigation</h5>
2865 <div class="row text-center">
2866 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">apps</i>
2867 <br><small>apps</small>
2868 </div>
2869 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">arrow_back</i>
2870 <br><small>arrow_back</small>
2871 </div>
2872 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">arrow_downward</i>
2873 <br><small>arrow_downward</small>
2874 </div>
2875 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">arrow_drop_down</i>
2876 <br><small>arrow_drop_down</small>
2877 </div>
2878 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">arrow_drop_down_circle</i>
2879 <br><small>arrow_drop_down_circle</small>
2880 </div>
2881 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">arrow_drop_up</i>
2882 <br><small>arrow_drop_up</small>
2883 </div>
2884 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">arrow_forward</i>
2885 <br><small>arrow_forward</small>
2886 </div>
2887 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">arrow_upward</i>
2888 <br><small>arrow_upward</small>
2889 </div>
2890 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">cancel</i>
2891 <br><small>cancel</small>
2892 </div>
2893 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">check</i>
2894 <br><small>check</small>
2895 </div>
2896 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">chevron_left</i>
2897 <br><small>chevron_left</small>
2898 </div>
2899 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">chevron_right</i>
2900 <br><small>chevron_right</small>
2901 </div>
2902 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">close</i>
2903 <br><small>close</small>
2904 </div>
2905 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">expand_less</i>
2906 <br><small>expand_less</small>
2907 </div>
2908 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">expand_more</i>
2909 <br><small>expand_more</small>
2910 </div>
2911 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">first_page</i>
2912 <br><small>first_page</small>
2913 </div>
2914 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">fullscreen</i>
2915 <br><small>fullscreen</small>
2916 </div>
2917 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">fullscreen_exit</i>
2918 <br><small>fullscreen_exit</small>
2919 </div>
2920 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">last_page</i>
2921 <br><small>last_page</small>
2922 </div>
2923 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">menu</i>
2924 <br><small>menu</small>
2925 </div>
2926 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">more_horiz</i>
2927 <br><small>more_horiz</small>
2928 </div>
2929 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">more_vert</i>
2930 <br><small>more_vert</small>
2931 </div>
2932 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">refresh</i>
2933 <br><small>refresh</small>
2934 </div>
2935 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">subdirectory_arrow_left</i>
2936 <br><small>subdirectory_arrow_left</small>
2937 </div>
2938 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">subdirectory_arrow_right</i>
2939 <br><small>subdirectory_arrow_right</small>
2940 </div>
2941 </div>
2942 <!-- /.row -->
2943 <hr>
2944 <h5 class="box-title">Notification</h5>
2945 <div class="row text-center">
2946 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">adb</i>
2947 <br><small>adb</small>
2948 </div>
2949 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">airline_seat_flat</i>
2950 <br><small>airline_seat_flat</small>
2951 </div>
2952 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">airline_seat_flat_angled</i>
2953 <br><small>airline_seat_flat_angled</small>
2954 </div>
2955 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">airline_seat_individual_suite</i>
2956 <br><small>airline_seat_individual_suite</small>
2957 </div>
2958 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">airline_seat_legroom_extra</i>
2959 <br><small>airline_seat_legroom_extra</small>
2960 </div>
2961 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">airline_seat_legroom_normal</i>
2962 <br><small>airline_seat_legroom_normal</small>
2963 </div>
2964 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">airline_seat_legroom_reduced</i>
2965 <br><small>airline_seat_legroom_reduced</small>
2966 </div>
2967 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">airline_seat_recline_extra</i>
2968 <br><small>airline_seat_recline_extra</small>
2969 </div>
2970 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">airline_seat_recline_normal</i>
2971 <br><small>airline_seat_recline_normal</small>
2972 </div>
2973 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">bluetooth_audio</i>
2974 <br><small>bluetooth_audio</small>
2975 </div>
2976 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">confirmation_number</i>
2977 <br><small>confirmation_number</small>
2978 </div>
2979 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">disc_full</i>
2980 <br><small>disc_full</small>
2981 </div>
2982 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">do_not_disturb</i>
2983 <br><small>do_not_disturb</small>
2984 </div>
2985 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">do_not_disturb_alt</i>
2986 <br><small>do_not_disturb_alt</small>
2987 </div>
2988 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">do_not_disturb_off</i>
2989 <br><small>do_not_disturb_off</small>
2990 </div>
2991 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">do_not_disturb_on</i>
2992 <br><small>do_not_disturb_on</small>
2993 </div>
2994 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">drive_eta</i>
2995 <br><small>drive_eta</small>
2996 </div>
2997 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">enhanced_encryption</i>
2998 <br><small>enhanced_encryption</small>
2999 </div>
3000 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">event_available</i>
3001 <br><small>event_available</small>
3002 </div>
3003 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">event_busy</i>
3004 <br><small>event_busy</small>
3005 </div>
3006 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">event_note</i>
3007 <br><small>event_note</small>
3008 </div>
3009 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">folder_special</i>
3010 <br><small>folder_special</small>
3011 </div>
3012 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">live_tv</i>
3013 <br><small>live_tv</small>
3014 </div>
3015 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">mms</i>
3016 <br><small>mms</small>
3017 </div>
3018 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">more</i>
3019 <br><small>more</small>
3020 </div>
3021 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">network_check</i>
3022 <br><small>network_check</small>
3023 </div>
3024 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">network_locked</i>
3025 <br><small>network_locked</small>
3026 </div>
3027 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">no_encryption</i>
3028 <br><small>no_encryption</small>
3029 </div>
3030 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">ondemand_video</i>
3031 <br><small>ondemand_video</small>
3032 </div>
3033 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">personal_video</i>
3034 <br><small>personal_video</small>
3035 </div>
3036 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phone_bluetooth_speaker</i>
3037 <br><small>phone_bluetooth_speaker</small>
3038 </div>
3039 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phone_forwarded</i>
3040 <br><small>phone_forwarded</small>
3041 </div>
3042 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phone_in_talk</i>
3043 <br><small>phone_in_talk</small>
3044 </div>
3045 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phone_locked</i>
3046 <br><small>phone_locked</small>
3047 </div>
3048 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phone_missed</i>
3049 <br><small>phone_missed</small>
3050 </div>
3051 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">phone_paused</i>
3052 <br><small>phone_paused</small>
3053 </div>
3054 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">power</i>
3055 <br><small>power</small>
3056 </div>
3057 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">priority_high</i>
3058 <br><small>priority_high</small>
3059 </div>
3060 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sd_card</i>
3061 <br><small>sd_card</small>
3062 </div>
3063 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sim_card_alert</i>
3064 <br><small>sim_card_alert</small>
3065 </div>
3066 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sms</i>
3067 <br><small>sms</small>
3068 </div>
3069 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sms_failed</i>
3070 <br><small>sms_failed</small>
3071 </div>
3072 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sync</i>
3073 <br><small>sync</small>
3074 </div>
3075 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sync_disabled</i>
3076 <br><small>sync_disabled</small>
3077 </div>
3078 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sync_problem</i>
3079 <br><small>sync_problem</small>
3080 </div>
3081 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">system_update</i>
3082 <br><small>system_update</small>
3083 </div>
3084 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">tap_and_play</i>
3085 <br><small>tap_and_play</small>
3086 </div>
3087 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">time_to_leave</i>
3088 <br><small>time_to_leave</small>
3089 </div>
3090 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">vibration</i>
3091 <br><small>vibration</small>
3092 </div>
3093 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">voice_chat</i>
3094 <br><small>voice_chat</small>
3095 </div>
3096 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">vpn_lock</i>
3097 <br><small>vpn_lock</small>
3098 </div>
3099 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">wc</i>
3100 <br><small>wc</small>
3101 </div>
3102 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">wifi</i>
3103 <br><small>wifi</small>
3104 </div>
3105 </div>
3106 <!-- /.row -->
3107 <hr>
3108 <h5 class="box-title">Places</h5>
3109 <div class="row text-center">
3110 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">ac_unit</i>
3111 <br><small>ac_unit</small>
3112 </div>
3113 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">airport_shuttle</i>
3114 <br><small>airport_shuttle</small>
3115 </div>
3116 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">all_inclusive</i>
3117 <br><small>all_inclusive</small>
3118 </div>
3119 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">beach_access</i>
3120 <br><small>beach_access</small>
3121 </div>
3122 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">business_center</i>
3123 <br><small>business_center</small>
3124 </div>
3125 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">casino</i>
3126 <br><small>casino</small>
3127 </div>
3128 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">child_care</i>
3129 <br><small>child_care</small>
3130 </div>
3131 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">child_friendly</i>
3132 <br><small>child_friendly</small>
3133 </div>
3134 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">fitness_center</i>
3135 <br><small>fitness_center</small>
3136 </div>
3137 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">free_breakfast</i>
3138 <br><small>free_breakfast</small>
3139 </div>
3140 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">golf_course</i>
3141 <br><small>golf_course</small>
3142 </div>
3143 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">hot_tub</i>
3144 <br><small>hot_tub</small>
3145 </div>
3146 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">kitchen</i>
3147 <br><small>kitchen</small>
3148 </div>
3149 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">pool</i>
3150 <br><small>pool</small>
3151 </div>
3152 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">room_service</i>
3153 <br><small>room_service</small>
3154 </div>
3155 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">rv_hookup</i>
3156 <br><small>rv_hookup</small>
3157 </div>
3158 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">smoke_free</i>
3159 <br><small>smoke_free</small>
3160 </div>
3161 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">smoking_rooms</i>
3162 <br><small>smoking_rooms</small>
3163 </div>
3164 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">spa</i>
3165 <br><small>spa</small>
3166 </div>
3167 </div>
3168 <!-- /.row -->
3169 <hr>
3170 <h5 class="box-title">Social</h5>
3171 <div class="row text-center">
3172 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">cake</i>
3173 <br><small>cake</small>
3174 </div>
3175 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">domain</i>
3176 <br><small>domain</small>
3177 </div>
3178 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">group</i>
3179 <br><small>group</small>
3180 </div>
3181 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">group_add</i>
3182 <br><small>group_add</small>
3183 </div>
3184 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">location_city</i>
3185 <br><small>location_city</small>
3186 </div>
3187 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">mood</i>
3188 <br><small>mood</small>
3189 </div>
3190 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">mood_bad</i>
3191 <br><small>mood_bad</small>
3192 </div>
3193 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">notifications</i>
3194 <br><small>notifications</small>
3195 </div>
3196 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">notifications_active</i>
3197 <br><small>notifications_active</small>
3198 </div>
3199 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">notifications_none</i>
3200 <br><small>notifications_none</small>
3201 </div>
3202 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">notifications_off</i>
3203 <br><small>notifications_off</small>
3204 </div>
3205 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">notifications_paused</i>
3206 <br><small>notifications_paused</small>
3207 </div>
3208 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">pages</i>
3209 <br><small>pages</small>
3210 </div>
3211 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">party_mode</i>
3212 <br><small>party_mode</small>
3213 </div>
3214 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">people</i>
3215 <br><small>people</small>
3216 </div>
3217 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">people_outline</i>
3218 <br><small>people_outline</small>
3219 </div>
3220 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">person</i>
3221 <br><small>person</small>
3222 </div>
3223 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">person_add</i>
3224 <br><small>person_add</small>
3225 </div>
3226 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">person_outline</i>
3227 <br><small>person_outline</small>
3228 </div>
3229 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">plus_one</i>
3230 <br><small>plus_one</small>
3231 </div>
3232 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">poll</i>
3233 <br><small>poll</small>
3234 </div>
3235 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">public</i>
3236 <br><small>public</small>
3237 </div>
3238 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">school</i>
3239 <br><small>school</small>
3240 </div>
3241 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sentiment_dissatisfied</i>
3242 <br><small>sentiment_dissatisfied</small>
3243 </div>
3244 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sentiment_neutral</i>
3245 <br><small>sentiment_neutral</small>
3246 </div>
3247 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sentiment_satisfied</i>
3248 <br><small>sentiment_satisfied</small>
3249 </div>
3250 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sentiment_very_dissatisfied</i>
3251 <br><small>sentiment_very_dissatisfied</small>
3252 </div>
3253 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">sentiment_very_satisfied</i>
3254 <br><small>sentiment_very_satisfied</small>
3255 </div>
3256 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">share</i>
3257 <br><small>share</small>
3258 </div>
3259 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">whatshot</i>
3260 <br><small>whatshot</small>
3261 </div>
3262 </div>
3263 <!-- /.row -->
3264 <hr>
3265 <h5 class="box-title">Toggle</h5>
3266 <div class="row text-center">
3267 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">check_box</i>
3268 <br><small>check_box</small>
3269 </div>
3270 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">check_box_outline_blank</i>
3271 <br><small>check_box_outline_blank</small>
3272 </div>
3273 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">indeterminate_check_box</i>
3274 <br><small>indeterminate_check_box</small>
3275 </div>
3276 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">radio_button_checked</i>
3277 <br><small>radio_button_checked</small>
3278 </div>
3279 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">radio_button_unchecked</i>
3280 <br><small>radio_button_unchecked</small>
3281 </div>
3282 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">star</i>
3283 <br><small>star</small>
3284 </div>
3285 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">star_border</i>
3286 <br><small>star_border</small>
3287 </div>
3288 <div class="col-md-2 col-sm-3 col-4"><i class="material-icons">star_half</i>
3289 <br><small>star_half</small>
3290 </div>
3291 </div>
3292 <!-- /.row -->
3293 </div>
3294 <!-- /.widget-body -->
3295 </div>
3296 <!-- /.widget-bg -->
3297 </div>
3298 <!-- /.widget-holder -->
3299 </div>
3300 <!-- /.row -->
3301 </div>
3302 <!-- /.widget-list -->
3303 </main>
3304 <!-- /.main-wrappper -->
3305 <!-- RIGHT SIDEBAR -->
3306 <aside class="right-sidebar scrollbar-enabled suppress-x">
3307 <div class="sidebar-chat" data-plugin="chat-sidebar">
3308 <div class="sidebar-chat-info">
3309 <h6 class="fs-16">Chat List</h6>
3310 <form class="mr-t-10">
3311 <div class="form-group">
3312 <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>
3313 </div>
3314 </form>
3315 </div>
3316 <div class="chat-list">
3317 <div class="list-group row">
3318 <a href="javascript:void(0)" class="list-group-item" data-chat-user="Julein Renvoye">
3319 <figure class="thumb-xs user--online mr-3 mr-0-rtl ml-3-rtl">
3320 <img src="assets/demo/users/user2.jpg" class="rounded-circle" alt="">
3321 </figure><span><span class="name">Gene Newman</span> <span class="username">@gene_newman</span> </span>
3322 </a>
3323 <a href="javascript:void(0)" class="list-group-item" data-chat-user="Eddie Lebanovkiy">
3324 <figure class="thumb-xs user--online mr-3 mr-0-rtl ml-3-rtl">
3325 <img src="assets/demo/users/user3.jpg" class="rounded-circle" alt="">
3326 </figure><span><span class="name">Billy Black</span> <span class="username">@billyblack</span> </span>
3327 </a>
3328 <a href="javascript:void(0)" class="list-group-item" data-chat-user="Cameron Moll">
3329 <figure class="thumb-xs user--online mr-3 mr-0-rtl ml-3-rtl">
3330 <img src="assets/demo/users/user5.jpg" class="rounded-circle" alt="">
3331 </figure><span><span class="name">Herbert Diaz</span> <span class="username">@herbert</span> </span>
3332 </a>
3333 <a href="javascript:void(0)" class="list-group-item" data-chat-user="Bill S Kenny">
3334 <figure class="user--busy thumb-xs mr-3 mr-0-rtl ml-3-rtl">
3335 <img src="assets/demo/users/user4.jpg" class="rounded-circle" alt="">
3336 </figure><span><span class="name">Sylvia Harvey</span> <span class="username">@sylvia</span> </span>
3337 </a>
3338 <a href="javascript:void(0)" class="list-group-item" data-chat-user="Trent Walton">
3339 <figure class="user--busy thumb-xs mr-3 mr-0-rtl ml-3-rtl">
3340 <img src="assets/demo/users/user6.jpg" class="rounded-circle" alt="">
3341 </figure><span><span class="name">Marsha Hoffman</span> <span class="username">@m_hoffman</span> </span>
3342 </a>
3343 <a href="javascript:void(0)" class="list-group-item" data-chat-user="Julien Renvoye">
3344 <figure class="user--offline thumb-xs mr-3 mr-0-rtl ml-3-rtl">
3345 <img src="assets/demo/users/user7.jpg" class="rounded-circle" alt="">
3346 </figure><span><span class="name">Mason Grant</span> <span class="username">@masongrant</span> </span>
3347 </a>
3348 <a href="javascript:void(0)" class="list-group-item" data-chat-user="Eddie Lebaovskiy">
3349 <figure class="user--offline thumb-xs mr-3 mr-0-rtl ml-3-rtl">
3350 <img src="assets/demo/users/user8.jpg" class="rounded-circle" alt="">
3351 </figure><span><span class="name">Shelly Sullivan</span> <span class="username">@shelly</span></span>
3352 </a>
3353 </div>
3354 <!-- /.list-group -->
3355 </div>
3356 <!-- /.chat-list -->
3357 </div>
3358 <!-- /.sidebar-chat -->
3359 </aside>
3360 <!-- CHAT PANEL -->
3361 <div class="chat-panel" hidden>
3362 <div class="card">
3363 <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>
3364 <button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span>
3365 </button>
3366 </div>
3367 <!-- /.card-header -->
3368 <div class="card-body">
3369 <div class="widget-chat-activity flex-1">
3370 <div class="messages scrollbar-enabled suppress-x">
3371 <div class="message media reply">
3372 <figure class="thumb-xs2 user--online">
3373 <a href="#">
3374 <img src="assets/demo/users/user3.jpg" class="rounded-circle">
3375 </a>
3376 </figure>
3377 <div class="message-body media-body">
3378 <p>Epic Cheeseburgers come in all kind of styles.</p>
3379 </div>
3380 <!-- /.message-body -->
3381 </div>
3382 <!-- /.message -->
3383 <div class="message media">
3384 <figure class="thumb-xs2 user--online">
3385 <a href="#">
3386 <img src="assets/demo/users/user1.jpg" class="rounded-circle">
3387 </a>
3388 </figure>
3389 <div class="message-body media-body">
3390 <p>Cheeseburgers make your knees weak.</p>
3391 </div>
3392 <!-- /.message-body -->
3393 </div>
3394 <!-- /.message -->
3395 <div class="message media reply">
3396 <figure class="thumb-xs2 user--offline">
3397 <a href="#">
3398 <img src="assets/demo/users/user5.jpg" class="rounded-circle">
3399 </a>
3400 </figure>
3401 <div class="message-body media-body">
3402 <p>Cheeseburgers will never let you down.</p>
3403 <p>They'll also never run around or desert you.</p>
3404 </div>
3405 <!-- /.message-body -->
3406 </div>
3407 <!-- /.message -->
3408 <div class="message media">
3409 <figure class="thumb-xs2 user--online">
3410 <a href="#">
3411 <img src="assets/demo/users/user1.jpg" class="rounded-circle">
3412 </a>
3413 </figure>
3414 <div class="message-body media-body">
3415 <p>A great cheeseburger is a gastronomical event.</p>
3416 </div>
3417 <!-- /.message-body -->
3418 </div>
3419 <!-- /.message -->
3420 <div class="message media reply">
3421 <figure class="thumb-xs2 user--busy">
3422 <a href="#">
3423 <img src="assets/demo/users/user6.jpg" class="rounded-circle">
3424 </a>
3425 </figure>
3426 <div class="message-body media-body">
3427 <p>There's a cheesy incarnation waiting for you no matter what you palete preferences are.</p>
3428 </div>
3429 <!-- /.message-body -->
3430 </div>
3431 <!-- /.message -->
3432 <div class="message media">
3433 <figure class="thumb-xs2 user--online">
3434 <a href="#">
3435 <img src="assets/demo/users/user1.jpg" class="rounded-circle">
3436 </a>
3437 </figure>
3438 <div class="message-body media-body">
3439 <p>If you are a vegan, we are sorry for you loss.</p>
3440 </div>
3441 <!-- /.message-body -->
3442 </div>
3443 <!-- /.message -->
3444 </div>
3445 <!-- /.messages -->
3446 </div>
3447 <!-- /.widget-chat-acitvity -->
3448 </div>
3449 <!-- /.card-body -->
3450 <form action="javascript:void(0)" class="card-footer" method="post">
3451 <div class="d-flex justify-content-end"><i class="feather feather-plus-circle list-icon my-1 mr-3"></i>
3452 <textarea class="border-0 flex-1" rows="1" style="resize: none" placeholder="Type your message here" type="text"></textarea>
3453 <button class="btn btn-sm btn-circle bg-transparent" type="submit"><i class="feather feather-arrow-right list-icon fs-26 text-success"></i>
3454 </button>
3455 </div>
3456 </form>
3457 </div>
3458 <!-- /.card -->
3459 </div>
3460 <!-- /.chat-panel -->
3461 </div>
3462 <!-- /.content-wrapper -->
3463 <!-- FOOTER -->
3464 <footer class="footer"><span class="heading-font-family">Copyright @ 2017. All rights reserved BonVue Admin by Unifato</span>
3465 </footer>
3466 </div>
3467 <!--/ #wrapper -->
3468 <!-- Scripts -->
3469 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
3470 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.2/umd/popper.min.js"></script>
3471 <script src="assets/js/bootstrap.min.js"></script>
3472 <script src="https://cdnjs.cloudflare.com/ajax/libs/metisMenu/2.7.0/metisMenu.min.js"></script>
3473 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.7.0/js/perfect-scrollbar.jquery.js"></script>
3474 <script src="assets/js/theme.js"></script>
3475 <script src="assets/js/custom.js"></script>
3476 <script src="http://localhost:35729/livereload.js"></script>
3477 </body>
3478
3479 </html>