Dung Diego

up

1 -<!DOCTYPE html> 1 +home
2 -<html lang="en">
3 -<head>
4 - <meta charset="utf-8">
5 - <meta name="viewport" content="width=device-width, initial-scale=1">
6 - <title>AdminLTE 3 | Dashboard</title>
7 -
8 - <!-- Google Font: Source Sans Pro -->
9 - <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
10 - <!-- Font Awesome -->
11 - <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
12 - <!-- Ionicons -->
13 - <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
14 - <!-- Tempusdominus Bootstrap 4 -->
15 - <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
16 - <!-- iCheck -->
17 - <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.min.css">
18 - <!-- JQVMap -->
19 - <link rel="stylesheet" href="plugins/jqvmap/jqvmap.min.css">
20 - <!-- Theme style -->
21 - <link rel="stylesheet" href="dist/css/adminlte.min.css">
22 - <!-- overlayScrollbars -->
23 - <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
24 - <!-- Daterange picker -->
25 - <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css">
26 - <!-- summernote -->
27 - <link rel="stylesheet" href="plugins/summernote/summernote-bs4.min.css">
28 -</head>
29 -<body class="hold-transition sidebar-mini layout-fixed">
30 -<div class="wrapper">
31 -
32 - <!-- Preloader -->
33 - <div class="preloader flex-column justify-content-center align-items-center">
34 - <img class="animation__shake" src="dist/img/AdminLTELogo.png" alt="AdminLTELogo" height="60" width="60">
35 - </div>
36 -
37 - <!-- Navbar -->
38 - <nav class="main-header navbar navbar-expand navbar-white navbar-light">
39 - <!-- Left navbar links -->
40 - <ul class="navbar-nav">
41 - <li class="nav-item">
42 - <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
43 - </li>
44 - <li class="nav-item d-none d-sm-inline-block">
45 - <a href="index3.html" class="nav-link">Home</a>
46 - </li>
47 - <li class="nav-item d-none d-sm-inline-block">
48 - <a href="#" class="nav-link">Contact</a>
49 - </li>
50 - </ul>
51 -
52 - <!-- Right navbar links -->
53 - <ul class="navbar-nav ml-auto">
54 - <!-- Navbar Search -->
55 - <li class="nav-item">
56 - <a class="nav-link" data-widget="navbar-search" href="#" role="button">
57 - <i class="fas fa-search"></i>
58 - </a>
59 - <div class="navbar-search-block">
60 - <form class="form-inline">
61 - <div class="input-group input-group-sm">
62 - <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
63 - <div class="input-group-append">
64 - <button class="btn btn-navbar" type="submit">
65 - <i class="fas fa-search"></i>
66 - </button>
67 - <button class="btn btn-navbar" type="button" data-widget="navbar-search">
68 - <i class="fas fa-times"></i>
69 - </button>
70 - </div>
71 - </div>
72 - </form>
73 - </div>
74 - </li>
75 -
76 - <!-- Messages Dropdown Menu -->
77 - <li class="nav-item dropdown">
78 - <a class="nav-link" data-toggle="dropdown" href="#">
79 - <i class="far fa-comments"></i>
80 - <span class="badge badge-danger navbar-badge">3</span>
81 - </a>
82 - <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
83 - <a href="#" class="dropdown-item">
84 - <!-- Message Start -->
85 - <div class="media">
86 - <img src="dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
87 - <div class="media-body">
88 - <h3 class="dropdown-item-title">
89 - Brad Diesel
90 - <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
91 - </h3>
92 - <p class="text-sm">Call me whenever you can...</p>
93 - <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
94 - </div>
95 - </div>
96 - <!-- Message End -->
97 - </a>
98 - <div class="dropdown-divider"></div>
99 - <a href="#" class="dropdown-item">
100 - <!-- Message Start -->
101 - <div class="media">
102 - <img src="dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
103 - <div class="media-body">
104 - <h3 class="dropdown-item-title">
105 - John Pierce
106 - <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
107 - </h3>
108 - <p class="text-sm">I got your message bro</p>
109 - <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
110 - </div>
111 - </div>
112 - <!-- Message End -->
113 - </a>
114 - <div class="dropdown-divider"></div>
115 - <a href="#" class="dropdown-item">
116 - <!-- Message Start -->
117 - <div class="media">
118 - <img src="dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
119 - <div class="media-body">
120 - <h3 class="dropdown-item-title">
121 - Nora Silvester
122 - <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
123 - </h3>
124 - <p class="text-sm">The subject goes here</p>
125 - <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
126 - </div>
127 - </div>
128 - <!-- Message End -->
129 - </a>
130 - <div class="dropdown-divider"></div>
131 - <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
132 - </div>
133 - </li>
134 - <!-- Notifications Dropdown Menu -->
135 - <li class="nav-item dropdown">
136 - <a class="nav-link" data-toggle="dropdown" href="#">
137 - <i class="far fa-bell"></i>
138 - <span class="badge badge-warning navbar-badge">15</span>
139 - </a>
140 - <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
141 - <span class="dropdown-item dropdown-header">15 Notifications</span>
142 - <div class="dropdown-divider"></div>
143 - <a href="#" class="dropdown-item">
144 - <i class="fas fa-envelope mr-2"></i> 4 new messages
145 - <span class="float-right text-muted text-sm">3 mins</span>
146 - </a>
147 - <div class="dropdown-divider"></div>
148 - <a href="#" class="dropdown-item">
149 - <i class="fas fa-users mr-2"></i> 8 friend requests
150 - <span class="float-right text-muted text-sm">12 hours</span>
151 - </a>
152 - <div class="dropdown-divider"></div>
153 - <a href="#" class="dropdown-item">
154 - <i class="fas fa-file mr-2"></i> 3 new reports
155 - <span class="float-right text-muted text-sm">2 days</span>
156 - </a>
157 - <div class="dropdown-divider"></div>
158 - <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
159 - </div>
160 - </li>
161 - <li class="nav-item">
162 - <a class="nav-link" data-widget="fullscreen" href="#" role="button">
163 - <i class="fas fa-expand-arrows-alt"></i>
164 - </a>
165 - </li>
166 - <li class="nav-item">
167 - <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
168 - <i class="fas fa-th-large"></i>
169 - </a>
170 - </li>
171 - </ul>
172 - </nav>
173 - <!-- /.navbar -->
174 -
175 - <!-- Main Sidebar Container -->
176 - <aside class="main-sidebar sidebar-dark-primary elevation-4">
177 - <!-- Brand Logo -->
178 - <a href="index3.html" class="brand-link">
179 - <img src="dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
180 - <span class="brand-text font-weight-light">AdminLTE 3</span>
181 - </a>
182 -
183 - <!-- Sidebar -->
184 - <div class="sidebar">
185 - <!-- Sidebar user panel (optional) -->
186 - <div class="user-panel mt-3 pb-3 mb-3 d-flex">
187 - <div class="image">
188 - <img src="dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
189 - </div>
190 - <div class="info">
191 - <a href="#" class="d-block">Alexander Pierce</a>
192 - </div>
193 - </div>
194 -
195 - <!-- SidebarSearch Form -->
196 - <div class="form-inline">
197 - <div class="input-group" data-widget="sidebar-search">
198 - <input class="form-control form-control-sidebar" type="search" placeholder="Search" aria-label="Search">
199 - <div class="input-group-append">
200 - <button class="btn btn-sidebar">
201 - <i class="fas fa-search fa-fw"></i>
202 - </button>
203 - </div>
204 - </div>
205 - </div>
206 -
207 - <!-- Sidebar Menu -->
208 - <nav class="mt-2">
209 - <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
210 - <!-- Add icons to the links using the .nav-icon class
211 - with font-awesome or any other icon font library -->
212 - <li class="nav-item menu-open">
213 - <a href="#" class="nav-link active">
214 - <i class="nav-icon fas fa-tachometer-alt"></i>
215 - <p>
216 - Dashboard
217 - <i class="right fas fa-angle-left"></i>
218 - </p>
219 - </a>
220 - <ul class="nav nav-treeview">
221 - <li class="nav-item">
222 - <a href="./index.html" class="nav-link active">
223 - <i class="far fa-circle nav-icon"></i>
224 - <p>Dashboard v1</p>
225 - </a>
226 - </li>
227 - <li class="nav-item">
228 - <a href="./index2.html" class="nav-link">
229 - <i class="far fa-circle nav-icon"></i>
230 - <p>Dashboard v2</p>
231 - </a>
232 - </li>
233 - <li class="nav-item">
234 - <a href="./index3.html" class="nav-link">
235 - <i class="far fa-circle nav-icon"></i>
236 - <p>Dashboard v3</p>
237 - </a>
238 - </li>
239 - </ul>
240 - </li>
241 - <li class="nav-item">
242 - <a href="pages/widgets.html" class="nav-link">
243 - <i class="nav-icon fas fa-th"></i>
244 - <p>
245 - Widgets
246 - <span class="right badge badge-danger">New</span>
247 - </p>
248 - </a>
249 - </li>
250 - <li class="nav-item">
251 - <a href="#" class="nav-link">
252 - <i class="nav-icon fas fa-copy"></i>
253 - <p>
254 - Layout Options
255 - <i class="fas fa-angle-left right"></i>
256 - <span class="badge badge-info right">6</span>
257 - </p>
258 - </a>
259 - <ul class="nav nav-treeview">
260 - <li class="nav-item">
261 - <a href="pages/layout/top-nav.html" class="nav-link">
262 - <i class="far fa-circle nav-icon"></i>
263 - <p>Top Navigation</p>
264 - </a>
265 - </li>
266 - <li class="nav-item">
267 - <a href="pages/layout/top-nav-sidebar.html" class="nav-link">
268 - <i class="far fa-circle nav-icon"></i>
269 - <p>Top Navigation + Sidebar</p>
270 - </a>
271 - </li>
272 - <li class="nav-item">
273 - <a href="pages/layout/boxed.html" class="nav-link">
274 - <i class="far fa-circle nav-icon"></i>
275 - <p>Boxed</p>
276 - </a>
277 - </li>
278 - <li class="nav-item">
279 - <a href="pages/layout/fixed-sidebar.html" class="nav-link">
280 - <i class="far fa-circle nav-icon"></i>
281 - <p>Fixed Sidebar</p>
282 - </a>
283 - </li>
284 - <li class="nav-item">
285 - <a href="pages/layout/fixed-sidebar-custom.html" class="nav-link">
286 - <i class="far fa-circle nav-icon"></i>
287 - <p>Fixed Sidebar <small>+ Custom Area</small></p>
288 - </a>
289 - </li>
290 - <li class="nav-item">
291 - <a href="pages/layout/fixed-topnav.html" class="nav-link">
292 - <i class="far fa-circle nav-icon"></i>
293 - <p>Fixed Navbar</p>
294 - </a>
295 - </li>
296 - <li class="nav-item">
297 - <a href="pages/layout/fixed-footer.html" class="nav-link">
298 - <i class="far fa-circle nav-icon"></i>
299 - <p>Fixed Footer</p>
300 - </a>
301 - </li>
302 - <li class="nav-item">
303 - <a href="pages/layout/collapsed-sidebar.html" class="nav-link">
304 - <i class="far fa-circle nav-icon"></i>
305 - <p>Collapsed Sidebar</p>
306 - </a>
307 - </li>
308 - </ul>
309 - </li>
310 - <li class="nav-item">
311 - <a href="#" class="nav-link">
312 - <i class="nav-icon fas fa-chart-pie"></i>
313 - <p>
314 - Charts
315 - <i class="right fas fa-angle-left"></i>
316 - </p>
317 - </a>
318 - <ul class="nav nav-treeview">
319 - <li class="nav-item">
320 - <a href="pages/charts/chartjs.html" class="nav-link">
321 - <i class="far fa-circle nav-icon"></i>
322 - <p>ChartJS</p>
323 - </a>
324 - </li>
325 - <li class="nav-item">
326 - <a href="pages/charts/flot.html" class="nav-link">
327 - <i class="far fa-circle nav-icon"></i>
328 - <p>Flot</p>
329 - </a>
330 - </li>
331 - <li class="nav-item">
332 - <a href="pages/charts/inline.html" class="nav-link">
333 - <i class="far fa-circle nav-icon"></i>
334 - <p>Inline</p>
335 - </a>
336 - </li>
337 - <li class="nav-item">
338 - <a href="pages/charts/uplot.html" class="nav-link">
339 - <i class="far fa-circle nav-icon"></i>
340 - <p>uPlot</p>
341 - </a>
342 - </li>
343 - </ul>
344 - </li>
345 - <li class="nav-item">
346 - <a href="#" class="nav-link">
347 - <i class="nav-icon fas fa-tree"></i>
348 - <p>
349 - UI Elements
350 - <i class="fas fa-angle-left right"></i>
351 - </p>
352 - </a>
353 - <ul class="nav nav-treeview">
354 - <li class="nav-item">
355 - <a href="pages/UI/general.html" class="nav-link">
356 - <i class="far fa-circle nav-icon"></i>
357 - <p>General</p>
358 - </a>
359 - </li>
360 - <li class="nav-item">
361 - <a href="pages/UI/icons.html" class="nav-link">
362 - <i class="far fa-circle nav-icon"></i>
363 - <p>Icons</p>
364 - </a>
365 - </li>
366 - <li class="nav-item">
367 - <a href="pages/UI/buttons.html" class="nav-link">
368 - <i class="far fa-circle nav-icon"></i>
369 - <p>Buttons</p>
370 - </a>
371 - </li>
372 - <li class="nav-item">
373 - <a href="pages/UI/sliders.html" class="nav-link">
374 - <i class="far fa-circle nav-icon"></i>
375 - <p>Sliders</p>
376 - </a>
377 - </li>
378 - <li class="nav-item">
379 - <a href="pages/UI/modals.html" class="nav-link">
380 - <i class="far fa-circle nav-icon"></i>
381 - <p>Modals & Alerts</p>
382 - </a>
383 - </li>
384 - <li class="nav-item">
385 - <a href="pages/UI/navbar.html" class="nav-link">
386 - <i class="far fa-circle nav-icon"></i>
387 - <p>Navbar & Tabs</p>
388 - </a>
389 - </li>
390 - <li class="nav-item">
391 - <a href="pages/UI/timeline.html" class="nav-link">
392 - <i class="far fa-circle nav-icon"></i>
393 - <p>Timeline</p>
394 - </a>
395 - </li>
396 - <li class="nav-item">
397 - <a href="pages/UI/ribbons.html" class="nav-link">
398 - <i class="far fa-circle nav-icon"></i>
399 - <p>Ribbons</p>
400 - </a>
401 - </li>
402 - </ul>
403 - </li>
404 - <li class="nav-item">
405 - <a href="#" class="nav-link">
406 - <i class="nav-icon fas fa-edit"></i>
407 - <p>
408 - Forms
409 - <i class="fas fa-angle-left right"></i>
410 - </p>
411 - </a>
412 - <ul class="nav nav-treeview">
413 - <li class="nav-item">
414 - <a href="pages/forms/general.html" class="nav-link">
415 - <i class="far fa-circle nav-icon"></i>
416 - <p>General Elements</p>
417 - </a>
418 - </li>
419 - <li class="nav-item">
420 - <a href="pages/forms/advanced.html" class="nav-link">
421 - <i class="far fa-circle nav-icon"></i>
422 - <p>Advanced Elements</p>
423 - </a>
424 - </li>
425 - <li class="nav-item">
426 - <a href="pages/forms/editors.html" class="nav-link">
427 - <i class="far fa-circle nav-icon"></i>
428 - <p>Editors</p>
429 - </a>
430 - </li>
431 - <li class="nav-item">
432 - <a href="pages/forms/validation.html" class="nav-link">
433 - <i class="far fa-circle nav-icon"></i>
434 - <p>Validation</p>
435 - </a>
436 - </li>
437 - </ul>
438 - </li>
439 - <li class="nav-item">
440 - <a href="#" class="nav-link">
441 - <i class="nav-icon fas fa-table"></i>
442 - <p>
443 - Tables
444 - <i class="fas fa-angle-left right"></i>
445 - </p>
446 - </a>
447 - <ul class="nav nav-treeview">
448 - <li class="nav-item">
449 - <a href="pages/tables/simple.html" class="nav-link">
450 - <i class="far fa-circle nav-icon"></i>
451 - <p>Simple Tables</p>
452 - </a>
453 - </li>
454 - <li class="nav-item">
455 - <a href="pages/tables/data.html" class="nav-link">
456 - <i class="far fa-circle nav-icon"></i>
457 - <p>DataTables</p>
458 - </a>
459 - </li>
460 - <li class="nav-item">
461 - <a href="pages/tables/jsgrid.html" class="nav-link">
462 - <i class="far fa-circle nav-icon"></i>
463 - <p>jsGrid</p>
464 - </a>
465 - </li>
466 - </ul>
467 - </li>
468 - <li class="nav-header">EXAMPLES</li>
469 - <li class="nav-item">
470 - <a href="pages/calendar.html" class="nav-link">
471 - <i class="nav-icon far fa-calendar-alt"></i>
472 - <p>
473 - Calendar
474 - <span class="badge badge-info right">2</span>
475 - </p>
476 - </a>
477 - </li>
478 - <li class="nav-item">
479 - <a href="pages/gallery.html" class="nav-link">
480 - <i class="nav-icon far fa-image"></i>
481 - <p>
482 - Gallery
483 - </p>
484 - </a>
485 - </li>
486 - <li class="nav-item">
487 - <a href="pages/kanban.html" class="nav-link">
488 - <i class="nav-icon fas fa-columns"></i>
489 - <p>
490 - Kanban Board
491 - </p>
492 - </a>
493 - </li>
494 - <li class="nav-item">
495 - <a href="#" class="nav-link">
496 - <i class="nav-icon far fa-envelope"></i>
497 - <p>
498 - Mailbox
499 - <i class="fas fa-angle-left right"></i>
500 - </p>
501 - </a>
502 - <ul class="nav nav-treeview">
503 - <li class="nav-item">
504 - <a href="pages/mailbox/mailbox.html" class="nav-link">
505 - <i class="far fa-circle nav-icon"></i>
506 - <p>Inbox</p>
507 - </a>
508 - </li>
509 - <li class="nav-item">
510 - <a href="pages/mailbox/compose.html" class="nav-link">
511 - <i class="far fa-circle nav-icon"></i>
512 - <p>Compose</p>
513 - </a>
514 - </li>
515 - <li class="nav-item">
516 - <a href="pages/mailbox/read-mail.html" class="nav-link">
517 - <i class="far fa-circle nav-icon"></i>
518 - <p>Read</p>
519 - </a>
520 - </li>
521 - </ul>
522 - </li>
523 - <li class="nav-item">
524 - <a href="#" class="nav-link">
525 - <i class="nav-icon fas fa-book"></i>
526 - <p>
527 - Pages
528 - <i class="fas fa-angle-left right"></i>
529 - </p>
530 - </a>
531 - <ul class="nav nav-treeview">
532 - <li class="nav-item">
533 - <a href="pages/examples/invoice.html" class="nav-link">
534 - <i class="far fa-circle nav-icon"></i>
535 - <p>Invoice</p>
536 - </a>
537 - </li>
538 - <li class="nav-item">
539 - <a href="pages/examples/profile.html" class="nav-link">
540 - <i class="far fa-circle nav-icon"></i>
541 - <p>Profile</p>
542 - </a>
543 - </li>
544 - <li class="nav-item">
545 - <a href="pages/examples/e-commerce.html" class="nav-link">
546 - <i class="far fa-circle nav-icon"></i>
547 - <p>E-commerce</p>
548 - </a>
549 - </li>
550 - <li class="nav-item">
551 - <a href="pages/examples/projects.html" class="nav-link">
552 - <i class="far fa-circle nav-icon"></i>
553 - <p>Projects</p>
554 - </a>
555 - </li>
556 - <li class="nav-item">
557 - <a href="pages/examples/project-add.html" class="nav-link">
558 - <i class="far fa-circle nav-icon"></i>
559 - <p>Project Add</p>
560 - </a>
561 - </li>
562 - <li class="nav-item">
563 - <a href="pages/examples/project-edit.html" class="nav-link">
564 - <i class="far fa-circle nav-icon"></i>
565 - <p>Project Edit</p>
566 - </a>
567 - </li>
568 - <li class="nav-item">
569 - <a href="pages/examples/project-detail.html" class="nav-link">
570 - <i class="far fa-circle nav-icon"></i>
571 - <p>Project Detail</p>
572 - </a>
573 - </li>
574 - <li class="nav-item">
575 - <a href="pages/examples/contacts.html" class="nav-link">
576 - <i class="far fa-circle nav-icon"></i>
577 - <p>Contacts</p>
578 - </a>
579 - </li>
580 - <li class="nav-item">
581 - <a href="pages/examples/faq.html" class="nav-link">
582 - <i class="far fa-circle nav-icon"></i>
583 - <p>FAQ</p>
584 - </a>
585 - </li>
586 - <li class="nav-item">
587 - <a href="pages/examples/contact-us.html" class="nav-link">
588 - <i class="far fa-circle nav-icon"></i>
589 - <p>Contact us</p>
590 - </a>
591 - </li>
592 - </ul>
593 - </li>
594 - <li class="nav-item">
595 - <a href="#" class="nav-link">
596 - <i class="nav-icon far fa-plus-square"></i>
597 - <p>
598 - Extras
599 - <i class="fas fa-angle-left right"></i>
600 - </p>
601 - </a>
602 - <ul class="nav nav-treeview">
603 - <li class="nav-item">
604 - <a href="#" class="nav-link">
605 - <i class="far fa-circle nav-icon"></i>
606 - <p>
607 - Login & Register v1
608 - <i class="fas fa-angle-left right"></i>
609 - </p>
610 - </a>
611 - <ul class="nav nav-treeview">
612 - <li class="nav-item">
613 - <a href="pages/examples/login.html" class="nav-link">
614 - <i class="far fa-circle nav-icon"></i>
615 - <p>Login v1</p>
616 - </a>
617 - </li>
618 - <li class="nav-item">
619 - <a href="pages/examples/register.html" class="nav-link">
620 - <i class="far fa-circle nav-icon"></i>
621 - <p>Register v1</p>
622 - </a>
623 - </li>
624 - <li class="nav-item">
625 - <a href="pages/examples/forgot-password.html" class="nav-link">
626 - <i class="far fa-circle nav-icon"></i>
627 - <p>Forgot Password v1</p>
628 - </a>
629 - </li>
630 - <li class="nav-item">
631 - <a href="pages/examples/recover-password.html" class="nav-link">
632 - <i class="far fa-circle nav-icon"></i>
633 - <p>Recover Password v1</p>
634 - </a>
635 - </li>
636 - </ul>
637 - </li>
638 - <li class="nav-item">
639 - <a href="#" class="nav-link">
640 - <i class="far fa-circle nav-icon"></i>
641 - <p>
642 - Login & Register v2
643 - <i class="fas fa-angle-left right"></i>
644 - </p>
645 - </a>
646 - <ul class="nav nav-treeview">
647 - <li class="nav-item">
648 - <a href="pages/examples/login-v2.html" class="nav-link">
649 - <i class="far fa-circle nav-icon"></i>
650 - <p>Login v2</p>
651 - </a>
652 - </li>
653 - <li class="nav-item">
654 - <a href="pages/examples/register-v2.html" class="nav-link">
655 - <i class="far fa-circle nav-icon"></i>
656 - <p>Register v2</p>
657 - </a>
658 - </li>
659 - <li class="nav-item">
660 - <a href="pages/examples/forgot-password-v2.html" class="nav-link">
661 - <i class="far fa-circle nav-icon"></i>
662 - <p>Forgot Password v2</p>
663 - </a>
664 - </li>
665 - <li class="nav-item">
666 - <a href="pages/examples/recover-password-v2.html" class="nav-link">
667 - <i class="far fa-circle nav-icon"></i>
668 - <p>Recover Password v2</p>
669 - </a>
670 - </li>
671 - </ul>
672 - </li>
673 - <li class="nav-item">
674 - <a href="pages/examples/lockscreen.html" class="nav-link">
675 - <i class="far fa-circle nav-icon"></i>
676 - <p>Lockscreen</p>
677 - </a>
678 - </li>
679 - <li class="nav-item">
680 - <a href="pages/examples/legacy-user-menu.html" class="nav-link">
681 - <i class="far fa-circle nav-icon"></i>
682 - <p>Legacy User Menu</p>
683 - </a>
684 - </li>
685 - <li class="nav-item">
686 - <a href="pages/examples/language-menu.html" class="nav-link">
687 - <i class="far fa-circle nav-icon"></i>
688 - <p>Language Menu</p>
689 - </a>
690 - </li>
691 - <li class="nav-item">
692 - <a href="pages/examples/404.html" class="nav-link">
693 - <i class="far fa-circle nav-icon"></i>
694 - <p>Error 404</p>
695 - </a>
696 - </li>
697 - <li class="nav-item">
698 - <a href="pages/examples/500.html" class="nav-link">
699 - <i class="far fa-circle nav-icon"></i>
700 - <p>Error 500</p>
701 - </a>
702 - </li>
703 - <li class="nav-item">
704 - <a href="pages/examples/pace.html" class="nav-link">
705 - <i class="far fa-circle nav-icon"></i>
706 - <p>Pace</p>
707 - </a>
708 - </li>
709 - <li class="nav-item">
710 - <a href="pages/examples/blank.html" class="nav-link">
711 - <i class="far fa-circle nav-icon"></i>
712 - <p>Blank Page</p>
713 - </a>
714 - </li>
715 - <li class="nav-item">
716 - <a href="starter.html" class="nav-link">
717 - <i class="far fa-circle nav-icon"></i>
718 - <p>Starter Page</p>
719 - </a>
720 - </li>
721 - </ul>
722 - </li>
723 - <li class="nav-item">
724 - <a href="#" class="nav-link">
725 - <i class="nav-icon fas fa-search"></i>
726 - <p>
727 - Search
728 - <i class="fas fa-angle-left right"></i>
729 - </p>
730 - </a>
731 - <ul class="nav nav-treeview">
732 - <li class="nav-item">
733 - <a href="pages/search/simple.html" class="nav-link">
734 - <i class="far fa-circle nav-icon"></i>
735 - <p>Simple Search</p>
736 - </a>
737 - </li>
738 - <li class="nav-item">
739 - <a href="pages/search/enhanced.html" class="nav-link">
740 - <i class="far fa-circle nav-icon"></i>
741 - <p>Enhanced</p>
742 - </a>
743 - </li>
744 - </ul>
745 - </li>
746 - <li class="nav-header">MISCELLANEOUS</li>
747 - <li class="nav-item">
748 - <a href="iframe.html" class="nav-link">
749 - <i class="nav-icon fas fa-ellipsis-h"></i>
750 - <p>Tabbed IFrame Plugin</p>
751 - </a>
752 - </li>
753 - <li class="nav-item">
754 - <a href="https://adminlte.io/docs/3.1/" class="nav-link">
755 - <i class="nav-icon fas fa-file"></i>
756 - <p>Documentation</p>
757 - </a>
758 - </li>
759 - <li class="nav-header">MULTI LEVEL EXAMPLE</li>
760 - <li class="nav-item">
761 - <a href="#" class="nav-link">
762 - <i class="fas fa-circle nav-icon"></i>
763 - <p>Level 1</p>
764 - </a>
765 - </li>
766 - <li class="nav-item">
767 - <a href="#" class="nav-link">
768 - <i class="nav-icon fas fa-circle"></i>
769 - <p>
770 - Level 1
771 - <i class="right fas fa-angle-left"></i>
772 - </p>
773 - </a>
774 - <ul class="nav nav-treeview">
775 - <li class="nav-item">
776 - <a href="#" class="nav-link">
777 - <i class="far fa-circle nav-icon"></i>
778 - <p>Level 2</p>
779 - </a>
780 - </li>
781 - <li class="nav-item">
782 - <a href="#" class="nav-link">
783 - <i class="far fa-circle nav-icon"></i>
784 - <p>
785 - Level 2
786 - <i class="right fas fa-angle-left"></i>
787 - </p>
788 - </a>
789 - <ul class="nav nav-treeview">
790 - <li class="nav-item">
791 - <a href="#" class="nav-link">
792 - <i class="far fa-dot-circle nav-icon"></i>
793 - <p>Level 3</p>
794 - </a>
795 - </li>
796 - <li class="nav-item">
797 - <a href="#" class="nav-link">
798 - <i class="far fa-dot-circle nav-icon"></i>
799 - <p>Level 3</p>
800 - </a>
801 - </li>
802 - <li class="nav-item">
803 - <a href="#" class="nav-link">
804 - <i class="far fa-dot-circle nav-icon"></i>
805 - <p>Level 3</p>
806 - </a>
807 - </li>
808 - </ul>
809 - </li>
810 - <li class="nav-item">
811 - <a href="#" class="nav-link">
812 - <i class="far fa-circle nav-icon"></i>
813 - <p>Level 2</p>
814 - </a>
815 - </li>
816 - </ul>
817 - </li>
818 - <li class="nav-item">
819 - <a href="#" class="nav-link">
820 - <i class="fas fa-circle nav-icon"></i>
821 - <p>Level 1</p>
822 - </a>
823 - </li>
824 - <li class="nav-header">LABELS</li>
825 - <li class="nav-item">
826 - <a href="#" class="nav-link">
827 - <i class="nav-icon far fa-circle text-danger"></i>
828 - <p class="text">Important</p>
829 - </a>
830 - </li>
831 - <li class="nav-item">
832 - <a href="#" class="nav-link">
833 - <i class="nav-icon far fa-circle text-warning"></i>
834 - <p>Warning</p>
835 - </a>
836 - </li>
837 - <li class="nav-item">
838 - <a href="#" class="nav-link">
839 - <i class="nav-icon far fa-circle text-info"></i>
840 - <p>Informational</p>
841 - </a>
842 - </li>
843 - </ul>
844 - </nav>
845 - <!-- /.sidebar-menu -->
846 - </div>
847 - <!-- /.sidebar -->
848 - </aside>
849 -
850 - <!-- Content Wrapper. Contains page content -->
851 - <div class="content-wrapper">
852 - <!-- Content Header (Page header) -->
853 - <div class="content-header">
854 - <div class="container-fluid">
855 - <div class="row mb-2">
856 - <div class="col-sm-6">
857 - <h1 class="m-0">Dashboard</h1>
858 - </div><!-- /.col -->
859 - <div class="col-sm-6">
860 - <ol class="breadcrumb float-sm-right">
861 - <li class="breadcrumb-item"><a href="#">Home</a></li>
862 - <li class="breadcrumb-item active">Dashboard v1</li>
863 - </ol>
864 - </div><!-- /.col -->
865 - </div><!-- /.row -->
866 - </div><!-- /.container-fluid -->
867 - </div>
868 - <!-- /.content-header -->
869 -
870 - <!-- Main content -->
871 - <section class="content">
872 - <div class="container-fluid">
873 - <!-- Small boxes (Stat box) -->
874 - <div class="row">
875 - <div class="col-lg-3 col-6">
876 - <!-- small box -->
877 - <div class="small-box bg-info">
878 - <div class="inner">
879 - <h3>150</h3>
880 -
881 - <p>New Orders</p>
882 - </div>
883 - <div class="icon">
884 - <i class="ion ion-bag"></i>
885 - </div>
886 - <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
887 - </div>
888 - </div>
889 - <!-- ./col -->
890 - <div class="col-lg-3 col-6">
891 - <!-- small box -->
892 - <div class="small-box bg-success">
893 - <div class="inner">
894 - <h3>53<sup style="font-size: 20px">%</sup></h3>
895 -
896 - <p>Bounce Rate</p>
897 - </div>
898 - <div class="icon">
899 - <i class="ion ion-stats-bars"></i>
900 - </div>
901 - <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
902 - </div>
903 - </div>
904 - <!-- ./col -->
905 - <div class="col-lg-3 col-6">
906 - <!-- small box -->
907 - <div class="small-box bg-warning">
908 - <div class="inner">
909 - <h3>44</h3>
910 -
911 - <p>User Registrations</p>
912 - </div>
913 - <div class="icon">
914 - <i class="ion ion-person-add"></i>
915 - </div>
916 - <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
917 - </div>
918 - </div>
919 - <!-- ./col -->
920 - <div class="col-lg-3 col-6">
921 - <!-- small box -->
922 - <div class="small-box bg-danger">
923 - <div class="inner">
924 - <h3>65</h3>
925 -
926 - <p>Unique Visitors</p>
927 - </div>
928 - <div class="icon">
929 - <i class="ion ion-pie-graph"></i>
930 - </div>
931 - <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
932 - </div>
933 - </div>
934 - <!-- ./col -->
935 - </div>
936 - <!-- /.row -->
937 - <!-- Main row -->
938 - <div class="row">
939 - <!-- Left col -->
940 - <section class="col-lg-7 connectedSortable">
941 - <!-- Custom tabs (Charts with tabs)-->
942 - <div class="card">
943 - <div class="card-header">
944 - <h3 class="card-title">
945 - <i class="fas fa-chart-pie mr-1"></i>
946 - Sales
947 - </h3>
948 - <div class="card-tools">
949 - <ul class="nav nav-pills ml-auto">
950 - <li class="nav-item">
951 - <a class="nav-link active" href="#revenue-chart" data-toggle="tab">Area</a>
952 - </li>
953 - <li class="nav-item">
954 - <a class="nav-link" href="#sales-chart" data-toggle="tab">Donut</a>
955 - </li>
956 - </ul>
957 - </div>
958 - </div><!-- /.card-header -->
959 - <div class="card-body">
960 - <div class="tab-content p-0">
961 - <!-- Morris chart - Sales -->
962 - <div class="chart tab-pane active" id="revenue-chart"
963 - style="position: relative; height: 300px;">
964 - <canvas id="revenue-chart-canvas" height="300" style="height: 300px;"></canvas>
965 - </div>
966 - <div class="chart tab-pane" id="sales-chart" style="position: relative; height: 300px;">
967 - <canvas id="sales-chart-canvas" height="300" style="height: 300px;"></canvas>
968 - </div>
969 - </div>
970 - </div><!-- /.card-body -->
971 - </div>
972 - <!-- /.card -->
973 -
974 - <!-- DIRECT CHAT -->
975 - <div class="card direct-chat direct-chat-primary">
976 - <div class="card-header">
977 - <h3 class="card-title">Direct Chat</h3>
978 -
979 - <div class="card-tools">
980 - <span title="3 New Messages" class="badge badge-primary">3</span>
981 - <button type="button" class="btn btn-tool" data-card-widget="collapse">
982 - <i class="fas fa-minus"></i>
983 - </button>
984 - <button type="button" class="btn btn-tool" title="Contacts" data-widget="chat-pane-toggle">
985 - <i class="fas fa-comments"></i>
986 - </button>
987 - <button type="button" class="btn btn-tool" data-card-widget="remove">
988 - <i class="fas fa-times"></i>
989 - </button>
990 - </div>
991 - </div>
992 - <!-- /.card-header -->
993 - <div class="card-body">
994 - <!-- Conversations are loaded here -->
995 - <div class="direct-chat-messages">
996 - <!-- Message. Default to the left -->
997 - <div class="direct-chat-msg">
998 - <div class="direct-chat-infos clearfix">
999 - <span class="direct-chat-name float-left">Alexander Pierce</span>
1000 - <span class="direct-chat-timestamp float-right">23 Jan 2:00 pm</span>
1001 - </div>
1002 - <!-- /.direct-chat-infos -->
1003 - <img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image">
1004 - <!-- /.direct-chat-img -->
1005 - <div class="direct-chat-text">
1006 - Is this template really for free? That's unbelievable!
1007 - </div>
1008 - <!-- /.direct-chat-text -->
1009 - </div>
1010 - <!-- /.direct-chat-msg -->
1011 -
1012 - <!-- Message to the right -->
1013 - <div class="direct-chat-msg right">
1014 - <div class="direct-chat-infos clearfix">
1015 - <span class="direct-chat-name float-right">Sarah Bullock</span>
1016 - <span class="direct-chat-timestamp float-left">23 Jan 2:05 pm</span>
1017 - </div>
1018 - <!-- /.direct-chat-infos -->
1019 - <img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image">
1020 - <!-- /.direct-chat-img -->
1021 - <div class="direct-chat-text">
1022 - You better believe it!
1023 - </div>
1024 - <!-- /.direct-chat-text -->
1025 - </div>
1026 - <!-- /.direct-chat-msg -->
1027 -
1028 - <!-- Message. Default to the left -->
1029 - <div class="direct-chat-msg">
1030 - <div class="direct-chat-infos clearfix">
1031 - <span class="direct-chat-name float-left">Alexander Pierce</span>
1032 - <span class="direct-chat-timestamp float-right">23 Jan 5:37 pm</span>
1033 - </div>
1034 - <!-- /.direct-chat-infos -->
1035 - <img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image">
1036 - <!-- /.direct-chat-img -->
1037 - <div class="direct-chat-text">
1038 - Working with AdminLTE on a great new app! Wanna join?
1039 - </div>
1040 - <!-- /.direct-chat-text -->
1041 - </div>
1042 - <!-- /.direct-chat-msg -->
1043 -
1044 - <!-- Message to the right -->
1045 - <div class="direct-chat-msg right">
1046 - <div class="direct-chat-infos clearfix">
1047 - <span class="direct-chat-name float-right">Sarah Bullock</span>
1048 - <span class="direct-chat-timestamp float-left">23 Jan 6:10 pm</span>
1049 - </div>
1050 - <!-- /.direct-chat-infos -->
1051 - <img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image">
1052 - <!-- /.direct-chat-img -->
1053 - <div class="direct-chat-text">
1054 - I would love to.
1055 - </div>
1056 - <!-- /.direct-chat-text -->
1057 - </div>
1058 - <!-- /.direct-chat-msg -->
1059 -
1060 - </div>
1061 - <!--/.direct-chat-messages-->
1062 -
1063 - <!-- Contacts are loaded here -->
1064 - <div class="direct-chat-contacts">
1065 - <ul class="contacts-list">
1066 - <li>
1067 - <a href="#">
1068 - <img class="contacts-list-img" src="dist/img/user1-128x128.jpg" alt="User Avatar">
1069 -
1070 - <div class="contacts-list-info">
1071 - <span class="contacts-list-name">
1072 - Count Dracula
1073 - <small class="contacts-list-date float-right">2/28/2015</small>
1074 - </span>
1075 - <span class="contacts-list-msg">How have you been? I was...</span>
1076 - </div>
1077 - <!-- /.contacts-list-info -->
1078 - </a>
1079 - </li>
1080 - <!-- End Contact Item -->
1081 - <li>
1082 - <a href="#">
1083 - <img class="contacts-list-img" src="dist/img/user7-128x128.jpg" alt="User Avatar">
1084 -
1085 - <div class="contacts-list-info">
1086 - <span class="contacts-list-name">
1087 - Sarah Doe
1088 - <small class="contacts-list-date float-right">2/23/2015</small>
1089 - </span>
1090 - <span class="contacts-list-msg">I will be waiting for...</span>
1091 - </div>
1092 - <!-- /.contacts-list-info -->
1093 - </a>
1094 - </li>
1095 - <!-- End Contact Item -->
1096 - <li>
1097 - <a href="#">
1098 - <img class="contacts-list-img" src="dist/img/user3-128x128.jpg" alt="User Avatar">
1099 -
1100 - <div class="contacts-list-info">
1101 - <span class="contacts-list-name">
1102 - Nadia Jolie
1103 - <small class="contacts-list-date float-right">2/20/2015</small>
1104 - </span>
1105 - <span class="contacts-list-msg">I'll call you back at...</span>
1106 - </div>
1107 - <!-- /.contacts-list-info -->
1108 - </a>
1109 - </li>
1110 - <!-- End Contact Item -->
1111 - <li>
1112 - <a href="#">
1113 - <img class="contacts-list-img" src="dist/img/user5-128x128.jpg" alt="User Avatar">
1114 -
1115 - <div class="contacts-list-info">
1116 - <span class="contacts-list-name">
1117 - Nora S. Vans
1118 - <small class="contacts-list-date float-right">2/10/2015</small>
1119 - </span>
1120 - <span class="contacts-list-msg">Where is your new...</span>
1121 - </div>
1122 - <!-- /.contacts-list-info -->
1123 - </a>
1124 - </li>
1125 - <!-- End Contact Item -->
1126 - <li>
1127 - <a href="#">
1128 - <img class="contacts-list-img" src="dist/img/user6-128x128.jpg" alt="User Avatar">
1129 -
1130 - <div class="contacts-list-info">
1131 - <span class="contacts-list-name">
1132 - John K.
1133 - <small class="contacts-list-date float-right">1/27/2015</small>
1134 - </span>
1135 - <span class="contacts-list-msg">Can I take a look at...</span>
1136 - </div>
1137 - <!-- /.contacts-list-info -->
1138 - </a>
1139 - </li>
1140 - <!-- End Contact Item -->
1141 - <li>
1142 - <a href="#">
1143 - <img class="contacts-list-img" src="dist/img/user8-128x128.jpg" alt="User Avatar">
1144 -
1145 - <div class="contacts-list-info">
1146 - <span class="contacts-list-name">
1147 - Kenneth M.
1148 - <small class="contacts-list-date float-right">1/4/2015</small>
1149 - </span>
1150 - <span class="contacts-list-msg">Never mind I found...</span>
1151 - </div>
1152 - <!-- /.contacts-list-info -->
1153 - </a>
1154 - </li>
1155 - <!-- End Contact Item -->
1156 - </ul>
1157 - <!-- /.contacts-list -->
1158 - </div>
1159 - <!-- /.direct-chat-pane -->
1160 - </div>
1161 - <!-- /.card-body -->
1162 - <div class="card-footer">
1163 - <form action="#" method="post">
1164 - <div class="input-group">
1165 - <input type="text" name="message" placeholder="Type Message ..." class="form-control">
1166 - <span class="input-group-append">
1167 - <button type="button" class="btn btn-primary">Send</button>
1168 - </span>
1169 - </div>
1170 - </form>
1171 - </div>
1172 - <!-- /.card-footer-->
1173 - </div>
1174 - <!--/.direct-chat -->
1175 -
1176 - <!-- TO DO List -->
1177 - <div class="card">
1178 - <div class="card-header">
1179 - <h3 class="card-title">
1180 - <i class="ion ion-clipboard mr-1"></i>
1181 - To Do List
1182 - </h3>
1183 -
1184 - <div class="card-tools">
1185 - <ul class="pagination pagination-sm">
1186 - <li class="page-item"><a href="#" class="page-link">&laquo;</a></li>
1187 - <li class="page-item"><a href="#" class="page-link">1</a></li>
1188 - <li class="page-item"><a href="#" class="page-link">2</a></li>
1189 - <li class="page-item"><a href="#" class="page-link">3</a></li>
1190 - <li class="page-item"><a href="#" class="page-link">&raquo;</a></li>
1191 - </ul>
1192 - </div>
1193 - </div>
1194 - <!-- /.card-header -->
1195 - <div class="card-body">
1196 - <ul class="todo-list" data-widget="todo-list">
1197 - <li>
1198 - <!-- drag handle -->
1199 - <span class="handle">
1200 - <i class="fas fa-ellipsis-v"></i>
1201 - <i class="fas fa-ellipsis-v"></i>
1202 - </span>
1203 - <!-- checkbox -->
1204 - <div class="icheck-primary d-inline ml-2">
1205 - <input type="checkbox" value="" name="todo1" id="todoCheck1">
1206 - <label for="todoCheck1"></label>
1207 - </div>
1208 - <!-- todo text -->
1209 - <span class="text">Design a nice theme</span>
1210 - <!-- Emphasis label -->
1211 - <small class="badge badge-danger"><i class="far fa-clock"></i> 2 mins</small>
1212 - <!-- General tools such as edit or delete-->
1213 - <div class="tools">
1214 - <i class="fas fa-edit"></i>
1215 - <i class="fas fa-trash-o"></i>
1216 - </div>
1217 - </li>
1218 - <li>
1219 - <span class="handle">
1220 - <i class="fas fa-ellipsis-v"></i>
1221 - <i class="fas fa-ellipsis-v"></i>
1222 - </span>
1223 - <div class="icheck-primary d-inline ml-2">
1224 - <input type="checkbox" value="" name="todo2" id="todoCheck2" checked>
1225 - <label for="todoCheck2"></label>
1226 - </div>
1227 - <span class="text">Make the theme responsive</span>
1228 - <small class="badge badge-info"><i class="far fa-clock"></i> 4 hours</small>
1229 - <div class="tools">
1230 - <i class="fas fa-edit"></i>
1231 - <i class="fas fa-trash-o"></i>
1232 - </div>
1233 - </li>
1234 - <li>
1235 - <span class="handle">
1236 - <i class="fas fa-ellipsis-v"></i>
1237 - <i class="fas fa-ellipsis-v"></i>
1238 - </span>
1239 - <div class="icheck-primary d-inline ml-2">
1240 - <input type="checkbox" value="" name="todo3" id="todoCheck3">
1241 - <label for="todoCheck3"></label>
1242 - </div>
1243 - <span class="text">Let theme shine like a star</span>
1244 - <small class="badge badge-warning"><i class="far fa-clock"></i> 1 day</small>
1245 - <div class="tools">
1246 - <i class="fas fa-edit"></i>
1247 - <i class="fas fa-trash-o"></i>
1248 - </div>
1249 - </li>
1250 - <li>
1251 - <span class="handle">
1252 - <i class="fas fa-ellipsis-v"></i>
1253 - <i class="fas fa-ellipsis-v"></i>
1254 - </span>
1255 - <div class="icheck-primary d-inline ml-2">
1256 - <input type="checkbox" value="" name="todo4" id="todoCheck4">
1257 - <label for="todoCheck4"></label>
1258 - </div>
1259 - <span class="text">Let theme shine like a star</span>
1260 - <small class="badge badge-success"><i class="far fa-clock"></i> 3 days</small>
1261 - <div class="tools">
1262 - <i class="fas fa-edit"></i>
1263 - <i class="fas fa-trash-o"></i>
1264 - </div>
1265 - </li>
1266 - <li>
1267 - <span class="handle">
1268 - <i class="fas fa-ellipsis-v"></i>
1269 - <i class="fas fa-ellipsis-v"></i>
1270 - </span>
1271 - <div class="icheck-primary d-inline ml-2">
1272 - <input type="checkbox" value="" name="todo5" id="todoCheck5">
1273 - <label for="todoCheck5"></label>
1274 - </div>
1275 - <span class="text">Check your messages and notifications</span>
1276 - <small class="badge badge-primary"><i class="far fa-clock"></i> 1 week</small>
1277 - <div class="tools">
1278 - <i class="fas fa-edit"></i>
1279 - <i class="fas fa-trash-o"></i>
1280 - </div>
1281 - </li>
1282 - <li>
1283 - <span class="handle">
1284 - <i class="fas fa-ellipsis-v"></i>
1285 - <i class="fas fa-ellipsis-v"></i>
1286 - </span>
1287 - <div class="icheck-primary d-inline ml-2">
1288 - <input type="checkbox" value="" name="todo6" id="todoCheck6">
1289 - <label for="todoCheck6"></label>
1290 - </div>
1291 - <span class="text">Let theme shine like a star</span>
1292 - <small class="badge badge-secondary"><i class="far fa-clock"></i> 1 month</small>
1293 - <div class="tools">
1294 - <i class="fas fa-edit"></i>
1295 - <i class="fas fa-trash-o"></i>
1296 - </div>
1297 - </li>
1298 - </ul>
1299 - </div>
1300 - <!-- /.card-body -->
1301 - <div class="card-footer clearfix">
1302 - <button type="button" class="btn btn-primary float-right"><i class="fas fa-plus"></i> Add item</button>
1303 - </div>
1304 - </div>
1305 - <!-- /.card -->
1306 - </section>
1307 - <!-- /.Left col -->
1308 - <!-- right col (We are only adding the ID to make the widgets sortable)-->
1309 - <section class="col-lg-5 connectedSortable">
1310 -
1311 - <!-- Map card -->
1312 - <div class="card bg-gradient-primary">
1313 - <div class="card-header border-0">
1314 - <h3 class="card-title">
1315 - <i class="fas fa-map-marker-alt mr-1"></i>
1316 - Visitors
1317 - </h3>
1318 - <!-- card tools -->
1319 - <div class="card-tools">
1320 - <button type="button" class="btn btn-primary btn-sm daterange" title="Date range">
1321 - <i class="far fa-calendar-alt"></i>
1322 - </button>
1323 - <button type="button" class="btn btn-primary btn-sm" data-card-widget="collapse" title="Collapse">
1324 - <i class="fas fa-minus"></i>
1325 - </button>
1326 - </div>
1327 - <!-- /.card-tools -->
1328 - </div>
1329 - <div class="card-body">
1330 - <div id="world-map" style="height: 250px; width: 100%;"></div>
1331 - </div>
1332 - <!-- /.card-body-->
1333 - <div class="card-footer bg-transparent">
1334 - <div class="row">
1335 - <div class="col-4 text-center">
1336 - <div id="sparkline-1"></div>
1337 - <div class="text-white">Visitors</div>
1338 - </div>
1339 - <!-- ./col -->
1340 - <div class="col-4 text-center">
1341 - <div id="sparkline-2"></div>
1342 - <div class="text-white">Online</div>
1343 - </div>
1344 - <!-- ./col -->
1345 - <div class="col-4 text-center">
1346 - <div id="sparkline-3"></div>
1347 - <div class="text-white">Sales</div>
1348 - </div>
1349 - <!-- ./col -->
1350 - </div>
1351 - <!-- /.row -->
1352 - </div>
1353 - </div>
1354 - <!-- /.card -->
1355 -
1356 - <!-- solid sales graph -->
1357 - <div class="card bg-gradient-info">
1358 - <div class="card-header border-0">
1359 - <h3 class="card-title">
1360 - <i class="fas fa-th mr-1"></i>
1361 - Sales Graph
1362 - </h3>
1363 -
1364 - <div class="card-tools">
1365 - <button type="button" class="btn bg-info btn-sm" data-card-widget="collapse">
1366 - <i class="fas fa-minus"></i>
1367 - </button>
1368 - <button type="button" class="btn bg-info btn-sm" data-card-widget="remove">
1369 - <i class="fas fa-times"></i>
1370 - </button>
1371 - </div>
1372 - </div>
1373 - <div class="card-body">
1374 - <canvas class="chart" id="line-chart" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
1375 - </div>
1376 - <!-- /.card-body -->
1377 - <div class="card-footer bg-transparent">
1378 - <div class="row">
1379 - <div class="col-4 text-center">
1380 - <input type="text" class="knob" data-readonly="true" value="20" data-width="60" data-height="60"
1381 - data-fgColor="#39CCCC">
1382 -
1383 - <div class="text-white">Mail-Orders</div>
1384 - </div>
1385 - <!-- ./col -->
1386 - <div class="col-4 text-center">
1387 - <input type="text" class="knob" data-readonly="true" value="50" data-width="60" data-height="60"
1388 - data-fgColor="#39CCCC">
1389 -
1390 - <div class="text-white">Online</div>
1391 - </div>
1392 - <!-- ./col -->
1393 - <div class="col-4 text-center">
1394 - <input type="text" class="knob" data-readonly="true" value="30" data-width="60" data-height="60"
1395 - data-fgColor="#39CCCC">
1396 -
1397 - <div class="text-white">In-Store</div>
1398 - </div>
1399 - <!-- ./col -->
1400 - </div>
1401 - <!-- /.row -->
1402 - </div>
1403 - <!-- /.card-footer -->
1404 - </div>
1405 - <!-- /.card -->
1406 -
1407 - <!-- Calendar -->
1408 - <div class="card bg-gradient-success">
1409 - <div class="card-header border-0">
1410 -
1411 - <h3 class="card-title">
1412 - <i class="far fa-calendar-alt"></i>
1413 - Calendar
1414 - </h3>
1415 - <!-- tools card -->
1416 - <div class="card-tools">
1417 - <!-- button with a dropdown -->
1418 - <div class="btn-group">
1419 - <button type="button" class="btn btn-success btn-sm dropdown-toggle" data-toggle="dropdown" data-offset="-52">
1420 - <i class="fas fa-bars"></i>
1421 - </button>
1422 - <div class="dropdown-menu" role="menu">
1423 - <a href="#" class="dropdown-item">Add new event</a>
1424 - <a href="#" class="dropdown-item">Clear events</a>
1425 - <div class="dropdown-divider"></div>
1426 - <a href="#" class="dropdown-item">View calendar</a>
1427 - </div>
1428 - </div>
1429 - <button type="button" class="btn btn-success btn-sm" data-card-widget="collapse">
1430 - <i class="fas fa-minus"></i>
1431 - </button>
1432 - <button type="button" class="btn btn-success btn-sm" data-card-widget="remove">
1433 - <i class="fas fa-times"></i>
1434 - </button>
1435 - </div>
1436 - <!-- /. tools -->
1437 - </div>
1438 - <!-- /.card-header -->
1439 - <div class="card-body pt-0">
1440 - <!--The calendar -->
1441 - <div id="calendar" style="width: 100%"></div>
1442 - </div>
1443 - <!-- /.card-body -->
1444 - </div>
1445 - <!-- /.card -->
1446 - </section>
1447 - <!-- right col -->
1448 - </div>
1449 - <!-- /.row (main row) -->
1450 - </div><!-- /.container-fluid -->
1451 - </section>
1452 - <!-- /.content -->
1453 - </div>
1454 - <!-- /.content-wrapper -->
1455 - <footer class="main-footer">
1456 - <strong>Copyright &copy; 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong>
1457 - All rights reserved.
1458 - <div class="float-right d-none d-sm-inline-block">
1459 - <b>Version</b> 3.1.0
1460 - </div>
1461 - </footer>
1462 -
1463 - <!-- Control Sidebar -->
1464 - <aside class="control-sidebar control-sidebar-dark">
1465 - <!-- Control sidebar content goes here -->
1466 - </aside>
1467 - <!-- /.control-sidebar -->
1468 -</div>
1469 -<!-- ./wrapper -->
1470 -
1471 -<!-- jQuery -->
1472 -<script src="plugins/jquery/jquery.min.js"></script>
1473 -<!-- jQuery UI 1.11.4 -->
1474 -<script src="plugins/jquery-ui/jquery-ui.min.js"></script>
1475 -<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
1476 -<script>
1477 - $.widget.bridge('uibutton', $.ui.button)
1478 -</script>
1479 -<!-- Bootstrap 4 -->
1480 -<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
1481 -<!-- ChartJS -->
1482 -<script src="plugins/chart.js/Chart.min.js"></script>
1483 -<!-- Sparkline -->
1484 -<script src="plugins/sparklines/sparkline.js"></script>
1485 -<!-- JQVMap -->
1486 -<script src="plugins/jqvmap/jquery.vmap.min.js"></script>
1487 -<script src="plugins/jqvmap/maps/jquery.vmap.usa.js"></script>
1488 -<!-- jQuery Knob Chart -->
1489 -<script src="plugins/jquery-knob/jquery.knob.min.js"></script>
1490 -<!-- daterangepicker -->
1491 -<script src="plugins/moment/moment.min.js"></script>
1492 -<script src="plugins/daterangepicker/daterangepicker.js"></script>
1493 -<!-- Tempusdominus Bootstrap 4 -->
1494 -<script src="plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
1495 -<!-- Summernote -->
1496 -<script src="plugins/summernote/summernote-bs4.min.js"></script>
1497 -<!-- overlayScrollbars -->
1498 -<script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
1499 -<!-- AdminLTE App -->
1500 -<script src="dist/js/adminlte.js"></script>
1501 -<!-- AdminLTE for demo purposes -->
1502 -<script src="dist/js/demo.js"></script>
1503 -<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
1504 -<script src="dist/js/pages/dashboard.js"></script>
1505 -</body>
1506 -</html>
...\ No newline at end of file ...\ No newline at end of file
......