Dung Diego

Delete index2.html

1 -<!DOCTYPE html>
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 2</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 Icons -->
11 - <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
12 - <!-- overlayScrollbars -->
13 - <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
14 - <!-- Theme style -->
15 - <link rel="stylesheet" href="dist/css/adminlte.min.css">
16 -</head>
17 -<body class="hold-transition dark-mode sidebar-mini layout-fixed layout-navbar-fixed layout-footer-fixed">
18 -<div class="wrapper">
19 -
20 - <!-- Preloader -->
21 - <div class="preloader flex-column justify-content-center align-items-center">
22 - <img class="animation__wobble" src="dist/img/AdminLTELogo.png" alt="AdminLTELogo" height="60" width="60">
23 - </div>
24 -
25 - <!-- Navbar -->
26 - <nav class="main-header navbar navbar-expand navbar-dark">
27 - <!-- Left navbar links -->
28 - <ul class="navbar-nav">
29 - <li class="nav-item">
30 - <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
31 - </li>
32 - <li class="nav-item d-none d-sm-inline-block">
33 - <a href="index3.html" class="nav-link">Home</a>
34 - </li>
35 - <li class="nav-item d-none d-sm-inline-block">
36 - <a href="#" class="nav-link">Contact</a>
37 - </li>
38 - </ul>
39 -
40 - <!-- Right navbar links -->
41 - <ul class="navbar-nav ml-auto">
42 - <!-- Navbar Search -->
43 - <li class="nav-item">
44 - <a class="nav-link" data-widget="navbar-search" href="#" role="button">
45 - <i class="fas fa-search"></i>
46 - </a>
47 - <div class="navbar-search-block">
48 - <form class="form-inline">
49 - <div class="input-group input-group-sm">
50 - <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
51 - <div class="input-group-append">
52 - <button class="btn btn-navbar" type="submit">
53 - <i class="fas fa-search"></i>
54 - </button>
55 - <button class="btn btn-navbar" type="button" data-widget="navbar-search">
56 - <i class="fas fa-times"></i>
57 - </button>
58 - </div>
59 - </div>
60 - </form>
61 - </div>
62 - </li>
63 -
64 - <!-- Messages Dropdown Menu -->
65 - <li class="nav-item dropdown">
66 - <a class="nav-link" data-toggle="dropdown" href="#">
67 - <i class="far fa-comments"></i>
68 - <span class="badge badge-danger navbar-badge">3</span>
69 - </a>
70 - <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
71 - <a href="#" class="dropdown-item">
72 - <!-- Message Start -->
73 - <div class="media">
74 - <img src="dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
75 - <div class="media-body">
76 - <h3 class="dropdown-item-title">
77 - Brad Diesel
78 - <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
79 - </h3>
80 - <p class="text-sm">Call me whenever you can...</p>
81 - <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
82 - </div>
83 - </div>
84 - <!-- Message End -->
85 - </a>
86 - <div class="dropdown-divider"></div>
87 - <a href="#" class="dropdown-item">
88 - <!-- Message Start -->
89 - <div class="media">
90 - <img src="dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
91 - <div class="media-body">
92 - <h3 class="dropdown-item-title">
93 - John Pierce
94 - <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
95 - </h3>
96 - <p class="text-sm">I got your message bro</p>
97 - <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
98 - </div>
99 - </div>
100 - <!-- Message End -->
101 - </a>
102 - <div class="dropdown-divider"></div>
103 - <a href="#" class="dropdown-item">
104 - <!-- Message Start -->
105 - <div class="media">
106 - <img src="dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
107 - <div class="media-body">
108 - <h3 class="dropdown-item-title">
109 - Nora Silvester
110 - <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
111 - </h3>
112 - <p class="text-sm">The subject goes here</p>
113 - <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
114 - </div>
115 - </div>
116 - <!-- Message End -->
117 - </a>
118 - <div class="dropdown-divider"></div>
119 - <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
120 - </div>
121 - </li>
122 - <!-- Notifications Dropdown Menu -->
123 - <li class="nav-item dropdown">
124 - <a class="nav-link" data-toggle="dropdown" href="#">
125 - <i class="far fa-bell"></i>
126 - <span class="badge badge-warning navbar-badge">15</span>
127 - </a>
128 - <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
129 - <span class="dropdown-item dropdown-header">15 Notifications</span>
130 - <div class="dropdown-divider"></div>
131 - <a href="#" class="dropdown-item">
132 - <i class="fas fa-envelope mr-2"></i> 4 new messages
133 - <span class="float-right text-muted text-sm">3 mins</span>
134 - </a>
135 - <div class="dropdown-divider"></div>
136 - <a href="#" class="dropdown-item">
137 - <i class="fas fa-users mr-2"></i> 8 friend requests
138 - <span class="float-right text-muted text-sm">12 hours</span>
139 - </a>
140 - <div class="dropdown-divider"></div>
141 - <a href="#" class="dropdown-item">
142 - <i class="fas fa-file mr-2"></i> 3 new reports
143 - <span class="float-right text-muted text-sm">2 days</span>
144 - </a>
145 - <div class="dropdown-divider"></div>
146 - <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
147 - </div>
148 - </li>
149 - <li class="nav-item">
150 - <a class="nav-link" data-widget="fullscreen" href="#" role="button">
151 - <i class="fas fa-expand-arrows-alt"></i>
152 - </a>
153 - </li>
154 - <li class="nav-item">
155 - <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
156 - <i class="fas fa-th-large"></i>
157 - </a>
158 - </li>
159 - </ul>
160 - </nav>
161 - <!-- /.navbar -->
162 -
163 - <!-- Main Sidebar Container -->
164 - <aside class="main-sidebar sidebar-dark-primary elevation-4">
165 - <!-- Brand Logo -->
166 - <a href="index3.html" class="brand-link">
167 - <img src="dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
168 - <span class="brand-text font-weight-light">AdminLTE 3</span>
169 - </a>
170 -
171 - <!-- Sidebar -->
172 - <div class="sidebar">
173 - <!-- Sidebar user panel (optional) -->
174 - <div class="user-panel mt-3 pb-3 mb-3 d-flex">
175 - <div class="image">
176 - <img src="dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
177 - </div>
178 - <div class="info">
179 - <a href="#" class="d-block">Alexander Pierce</a>
180 - </div>
181 - </div>
182 -
183 - <!-- SidebarSearch Form -->
184 - <div class="form-inline">
185 - <div class="input-group" data-widget="sidebar-search">
186 - <input class="form-control form-control-sidebar" type="search" placeholder="Search" aria-label="Search">
187 - <div class="input-group-append">
188 - <button class="btn btn-sidebar">
189 - <i class="fas fa-search fa-fw"></i>
190 - </button>
191 - </div>
192 - </div>
193 - </div>
194 -
195 - <!-- Sidebar Menu -->
196 - <nav class="mt-2">
197 - <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
198 - <!-- Add icons to the links using the .nav-icon class
199 - with font-awesome or any other icon font library -->
200 - <li class="nav-item menu-open">
201 - <a href="#" class="nav-link active">
202 - <i class="nav-icon fas fa-tachometer-alt"></i>
203 - <p>
204 - Dashboard
205 - <i class="right fas fa-angle-left"></i>
206 - </p>
207 - </a>
208 - <ul class="nav nav-treeview">
209 - <li class="nav-item">
210 - <a href="./index.html" class="nav-link">
211 - <i class="far fa-circle nav-icon"></i>
212 - <p>Dashboard v1</p>
213 - </a>
214 - </li>
215 - <li class="nav-item">
216 - <a href="./index2.html" class="nav-link active">
217 - <i class="far fa-circle nav-icon"></i>
218 - <p>Dashboard v2</p>
219 - </a>
220 - </li>
221 - <li class="nav-item">
222 - <a href="./index3.html" class="nav-link">
223 - <i class="far fa-circle nav-icon"></i>
224 - <p>Dashboard v3</p>
225 - </a>
226 - </li>
227 - </ul>
228 - </li>
229 - <li class="nav-item">
230 - <a href="pages/widgets.html" class="nav-link">
231 - <i class="nav-icon fas fa-th"></i>
232 - <p>
233 - Widgets
234 - <span class="right badge badge-danger">New</span>
235 - </p>
236 - </a>
237 - </li>
238 - <li class="nav-item">
239 - <a href="#" class="nav-link">
240 - <i class="nav-icon fas fa-copy"></i>
241 - <p>
242 - Layout Options
243 - <i class="fas fa-angle-left right"></i>
244 - <span class="badge badge-info right">6</span>
245 - </p>
246 - </a>
247 - <ul class="nav nav-treeview">
248 - <li class="nav-item">
249 - <a href="pages/layout/top-nav.html" class="nav-link">
250 - <i class="far fa-circle nav-icon"></i>
251 - <p>Top Navigation</p>
252 - </a>
253 - </li>
254 - <li class="nav-item">
255 - <a href="pages/layout/top-nav-sidebar.html" class="nav-link">
256 - <i class="far fa-circle nav-icon"></i>
257 - <p>Top Navigation + Sidebar</p>
258 - </a>
259 - </li>
260 - <li class="nav-item">
261 - <a href="pages/layout/boxed.html" class="nav-link">
262 - <i class="far fa-circle nav-icon"></i>
263 - <p>Boxed</p>
264 - </a>
265 - </li>
266 - <li class="nav-item">
267 - <a href="pages/layout/fixed-sidebar.html" class="nav-link">
268 - <i class="far fa-circle nav-icon"></i>
269 - <p>Fixed Sidebar</p>
270 - </a>
271 - </li>
272 - <li class="nav-item">
273 - <a href="pages/layout/fixed-sidebar-custom.html" class="nav-link">
274 - <i class="far fa-circle nav-icon"></i>
275 - <p>Fixed Sidebar <small>+ Custom Area</small></p>
276 - </a>
277 - </li>
278 - <li class="nav-item">
279 - <a href="pages/layout/fixed-topnav.html" class="nav-link">
280 - <i class="far fa-circle nav-icon"></i>
281 - <p>Fixed Navbar</p>
282 - </a>
283 - </li>
284 - <li class="nav-item">
285 - <a href="pages/layout/fixed-footer.html" class="nav-link">
286 - <i class="far fa-circle nav-icon"></i>
287 - <p>Fixed Footer</p>
288 - </a>
289 - </li>
290 - <li class="nav-item">
291 - <a href="pages/layout/collapsed-sidebar.html" class="nav-link">
292 - <i class="far fa-circle nav-icon"></i>
293 - <p>Collapsed Sidebar</p>
294 - </a>
295 - </li>
296 - </ul>
297 - </li>
298 - <li class="nav-item">
299 - <a href="#" class="nav-link">
300 - <i class="nav-icon fas fa-chart-pie"></i>
301 - <p>
302 - Charts
303 - <i class="right fas fa-angle-left"></i>
304 - </p>
305 - </a>
306 - <ul class="nav nav-treeview">
307 - <li class="nav-item">
308 - <a href="pages/charts/chartjs.html" class="nav-link">
309 - <i class="far fa-circle nav-icon"></i>
310 - <p>ChartJS</p>
311 - </a>
312 - </li>
313 - <li class="nav-item">
314 - <a href="pages/charts/flot.html" class="nav-link">
315 - <i class="far fa-circle nav-icon"></i>
316 - <p>Flot</p>
317 - </a>
318 - </li>
319 - <li class="nav-item">
320 - <a href="pages/charts/inline.html" class="nav-link">
321 - <i class="far fa-circle nav-icon"></i>
322 - <p>Inline</p>
323 - </a>
324 - </li>
325 - <li class="nav-item">
326 - <a href="pages/charts/uplot.html" class="nav-link">
327 - <i class="far fa-circle nav-icon"></i>
328 - <p>uPlot</p>
329 - </a>
330 - </li>
331 - </ul>
332 - </li>
333 - <li class="nav-item">
334 - <a href="#" class="nav-link">
335 - <i class="nav-icon fas fa-tree"></i>
336 - <p>
337 - UI Elements
338 - <i class="fas fa-angle-left right"></i>
339 - </p>
340 - </a>
341 - <ul class="nav nav-treeview">
342 - <li class="nav-item">
343 - <a href="pages/UI/general.html" class="nav-link">
344 - <i class="far fa-circle nav-icon"></i>
345 - <p>General</p>
346 - </a>
347 - </li>
348 - <li class="nav-item">
349 - <a href="pages/UI/icons.html" class="nav-link">
350 - <i class="far fa-circle nav-icon"></i>
351 - <p>Icons</p>
352 - </a>
353 - </li>
354 - <li class="nav-item">
355 - <a href="pages/UI/buttons.html" class="nav-link">
356 - <i class="far fa-circle nav-icon"></i>
357 - <p>Buttons</p>
358 - </a>
359 - </li>
360 - <li class="nav-item">
361 - <a href="pages/UI/sliders.html" class="nav-link">
362 - <i class="far fa-circle nav-icon"></i>
363 - <p>Sliders</p>
364 - </a>
365 - </li>
366 - <li class="nav-item">
367 - <a href="pages/UI/modals.html" class="nav-link">
368 - <i class="far fa-circle nav-icon"></i>
369 - <p>Modals & Alerts</p>
370 - </a>
371 - </li>
372 - <li class="nav-item">
373 - <a href="pages/UI/navbar.html" class="nav-link">
374 - <i class="far fa-circle nav-icon"></i>
375 - <p>Navbar & Tabs</p>
376 - </a>
377 - </li>
378 - <li class="nav-item">
379 - <a href="pages/UI/timeline.html" class="nav-link">
380 - <i class="far fa-circle nav-icon"></i>
381 - <p>Timeline</p>
382 - </a>
383 - </li>
384 - <li class="nav-item">
385 - <a href="pages/UI/ribbons.html" class="nav-link">
386 - <i class="far fa-circle nav-icon"></i>
387 - <p>Ribbons</p>
388 - </a>
389 - </li>
390 - </ul>
391 - </li>
392 - <li class="nav-item">
393 - <a href="#" class="nav-link">
394 - <i class="nav-icon fas fa-edit"></i>
395 - <p>
396 - Forms
397 - <i class="fas fa-angle-left right"></i>
398 - </p>
399 - </a>
400 - <ul class="nav nav-treeview">
401 - <li class="nav-item">
402 - <a href="pages/forms/general.html" class="nav-link">
403 - <i class="far fa-circle nav-icon"></i>
404 - <p>General Elements</p>
405 - </a>
406 - </li>
407 - <li class="nav-item">
408 - <a href="pages/forms/advanced.html" class="nav-link">
409 - <i class="far fa-circle nav-icon"></i>
410 - <p>Advanced Elements</p>
411 - </a>
412 - </li>
413 - <li class="nav-item">
414 - <a href="pages/forms/editors.html" class="nav-link">
415 - <i class="far fa-circle nav-icon"></i>
416 - <p>Editors</p>
417 - </a>
418 - </li>
419 - <li class="nav-item">
420 - <a href="pages/forms/validation.html" class="nav-link">
421 - <i class="far fa-circle nav-icon"></i>
422 - <p>Validation</p>
423 - </a>
424 - </li>
425 - </ul>
426 - </li>
427 - <li class="nav-item">
428 - <a href="#" class="nav-link">
429 - <i class="nav-icon fas fa-table"></i>
430 - <p>
431 - Tables
432 - <i class="fas fa-angle-left right"></i>
433 - </p>
434 - </a>
435 - <ul class="nav nav-treeview">
436 - <li class="nav-item">
437 - <a href="pages/tables/simple.html" class="nav-link">
438 - <i class="far fa-circle nav-icon"></i>
439 - <p>Simple Tables</p>
440 - </a>
441 - </li>
442 - <li class="nav-item">
443 - <a href="pages/tables/data.html" class="nav-link">
444 - <i class="far fa-circle nav-icon"></i>
445 - <p>DataTables</p>
446 - </a>
447 - </li>
448 - <li class="nav-item">
449 - <a href="pages/tables/jsgrid.html" class="nav-link">
450 - <i class="far fa-circle nav-icon"></i>
451 - <p>jsGrid</p>
452 - </a>
453 - </li>
454 - </ul>
455 - </li>
456 - <li class="nav-header">EXAMPLES</li>
457 - <li class="nav-item">
458 - <a href="pages/calendar.html" class="nav-link">
459 - <i class="nav-icon fas fa-calendar-alt"></i>
460 - <p>
461 - Calendar
462 - <span class="badge badge-info right">2</span>
463 - </p>
464 - </a>
465 - </li>
466 - <li class="nav-item">
467 - <a href="pages/gallery.html" class="nav-link">
468 - <i class="nav-icon far fa-image"></i>
469 - <p>
470 - Gallery
471 - </p>
472 - </a>
473 - </li>
474 - <li class="nav-item">
475 - <a href="pages/kanban.html" class="nav-link">
476 - <i class="nav-icon fas fa-columns"></i>
477 - <p>
478 - Kanban Board
479 - </p>
480 - </a>
481 - </li>
482 - <li class="nav-item">
483 - <a href="#" class="nav-link">
484 - <i class="nav-icon far fa-envelope"></i>
485 - <p>
486 - Mailbox
487 - <i class="fas fa-angle-left right"></i>
488 - </p>
489 - </a>
490 - <ul class="nav nav-treeview">
491 - <li class="nav-item">
492 - <a href="pages/mailbox/mailbox.html" class="nav-link">
493 - <i class="far fa-circle nav-icon"></i>
494 - <p>Inbox</p>
495 - </a>
496 - </li>
497 - <li class="nav-item">
498 - <a href="pages/mailbox/compose.html" class="nav-link">
499 - <i class="far fa-circle nav-icon"></i>
500 - <p>Compose</p>
501 - </a>
502 - </li>
503 - <li class="nav-item">
504 - <a href="pages/mailbox/read-mail.html" class="nav-link">
505 - <i class="far fa-circle nav-icon"></i>
506 - <p>Read</p>
507 - </a>
508 - </li>
509 - </ul>
510 - </li>
511 - <li class="nav-item">
512 - <a href="#" class="nav-link">
513 - <i class="nav-icon fas fa-book"></i>
514 - <p>
515 - Pages
516 - <i class="fas fa-angle-left right"></i>
517 - </p>
518 - </a>
519 - <ul class="nav nav-treeview">
520 - <li class="nav-item">
521 - <a href="pages/examples/invoice.html" class="nav-link">
522 - <i class="far fa-circle nav-icon"></i>
523 - <p>Invoice</p>
524 - </a>
525 - </li>
526 - <li class="nav-item">
527 - <a href="pages/examples/profile.html" class="nav-link">
528 - <i class="far fa-circle nav-icon"></i>
529 - <p>Profile</p>
530 - </a>
531 - </li>
532 - <li class="nav-item">
533 - <a href="pages/examples/e-commerce.html" class="nav-link">
534 - <i class="far fa-circle nav-icon"></i>
535 - <p>E-commerce</p>
536 - </a>
537 - </li>
538 - <li class="nav-item">
539 - <a href="pages/examples/projects.html" class="nav-link">
540 - <i class="far fa-circle nav-icon"></i>
541 - <p>Projects</p>
542 - </a>
543 - </li>
544 - <li class="nav-item">
545 - <a href="pages/examples/project-add.html" class="nav-link">
546 - <i class="far fa-circle nav-icon"></i>
547 - <p>Project Add</p>
548 - </a>
549 - </li>
550 - <li class="nav-item">
551 - <a href="pages/examples/project-edit.html" class="nav-link">
552 - <i class="far fa-circle nav-icon"></i>
553 - <p>Project Edit</p>
554 - </a>
555 - </li>
556 - <li class="nav-item">
557 - <a href="pages/examples/project-detail.html" class="nav-link">
558 - <i class="far fa-circle nav-icon"></i>
559 - <p>Project Detail</p>
560 - </a>
561 - </li>
562 - <li class="nav-item">
563 - <a href="pages/examples/contacts.html" class="nav-link">
564 - <i class="far fa-circle nav-icon"></i>
565 - <p>Contacts</p>
566 - </a>
567 - </li>
568 - <li class="nav-item">
569 - <a href="pages/examples/faq.html" class="nav-link">
570 - <i class="far fa-circle nav-icon"></i>
571 - <p>FAQ</p>
572 - </a>
573 - </li>
574 - <li class="nav-item">
575 - <a href="pages/examples/contact-us.html" class="nav-link">
576 - <i class="far fa-circle nav-icon"></i>
577 - <p>Contact us</p>
578 - </a>
579 - </li>
580 - </ul>
581 - </li>
582 - <li class="nav-item">
583 - <a href="#" class="nav-link">
584 - <i class="nav-icon far fa-plus-square"></i>
585 - <p>
586 - Extras
587 - <i class="fas fa-angle-left right"></i>
588 - </p>
589 - </a>
590 - <ul class="nav nav-treeview">
591 - <li class="nav-item">
592 - <a href="#" class="nav-link">
593 - <i class="far fa-circle nav-icon"></i>
594 - <p>
595 - Login & Register v1
596 - <i class="fas fa-angle-left right"></i>
597 - </p>
598 - </a>
599 - <ul class="nav nav-treeview">
600 - <li class="nav-item">
601 - <a href="pages/examples/login.html" class="nav-link">
602 - <i class="far fa-circle nav-icon"></i>
603 - <p>Login v1</p>
604 - </a>
605 - </li>
606 - <li class="nav-item">
607 - <a href="pages/examples/register.html" class="nav-link">
608 - <i class="far fa-circle nav-icon"></i>
609 - <p>Register v1</p>
610 - </a>
611 - </li>
612 - <li class="nav-item">
613 - <a href="pages/examples/forgot-password.html" class="nav-link">
614 - <i class="far fa-circle nav-icon"></i>
615 - <p>Forgot Password v1</p>
616 - </a>
617 - </li>
618 - <li class="nav-item">
619 - <a href="pages/examples/recover-password.html" class="nav-link">
620 - <i class="far fa-circle nav-icon"></i>
621 - <p>Recover Password v1</p>
622 - </a>
623 - </li>
624 - </ul>
625 - </li>
626 - <li class="nav-item">
627 - <a href="#" class="nav-link">
628 - <i class="far fa-circle nav-icon"></i>
629 - <p>
630 - Login & Register v2
631 - <i class="fas fa-angle-left right"></i>
632 - </p>
633 - </a>
634 - <ul class="nav nav-treeview">
635 - <li class="nav-item">
636 - <a href="pages/examples/login-v2.html" class="nav-link">
637 - <i class="far fa-circle nav-icon"></i>
638 - <p>Login v2</p>
639 - </a>
640 - </li>
641 - <li class="nav-item">
642 - <a href="pages/examples/register-v2.html" class="nav-link">
643 - <i class="far fa-circle nav-icon"></i>
644 - <p>Register v2</p>
645 - </a>
646 - </li>
647 - <li class="nav-item">
648 - <a href="pages/examples/forgot-password-v2.html" class="nav-link">
649 - <i class="far fa-circle nav-icon"></i>
650 - <p>Forgot Password v2</p>
651 - </a>
652 - </li>
653 - <li class="nav-item">
654 - <a href="pages/examples/recover-password-v2.html" class="nav-link">
655 - <i class="far fa-circle nav-icon"></i>
656 - <p>Recover Password v2</p>
657 - </a>
658 - </li>
659 - </ul>
660 - </li>
661 - <li class="nav-item">
662 - <a href="pages/examples/lockscreen.html" class="nav-link">
663 - <i class="far fa-circle nav-icon"></i>
664 - <p>Lockscreen</p>
665 - </a>
666 - </li>
667 - <li class="nav-item">
668 - <a href="pages/examples/legacy-user-menu.html" class="nav-link">
669 - <i class="far fa-circle nav-icon"></i>
670 - <p>Legacy User Menu</p>
671 - </a>
672 - </li>
673 - <li class="nav-item">
674 - <a href="pages/examples/language-menu.html" class="nav-link">
675 - <i class="far fa-circle nav-icon"></i>
676 - <p>Language Menu</p>
677 - </a>
678 - </li>
679 - <li class="nav-item">
680 - <a href="pages/examples/404.html" class="nav-link">
681 - <i class="far fa-circle nav-icon"></i>
682 - <p>Error 404</p>
683 - </a>
684 - </li>
685 - <li class="nav-item">
686 - <a href="pages/examples/500.html" class="nav-link">
687 - <i class="far fa-circle nav-icon"></i>
688 - <p>Error 500</p>
689 - </a>
690 - </li>
691 - <li class="nav-item">
692 - <a href="pages/examples/pace.html" class="nav-link">
693 - <i class="far fa-circle nav-icon"></i>
694 - <p>Pace</p>
695 - </a>
696 - </li>
697 - <li class="nav-item">
698 - <a href="pages/examples/blank.html" class="nav-link">
699 - <i class="far fa-circle nav-icon"></i>
700 - <p>Blank Page</p>
701 - </a>
702 - </li>
703 - <li class="nav-item">
704 - <a href="starter.html" class="nav-link">
705 - <i class="far fa-circle nav-icon"></i>
706 - <p>Starter Page</p>
707 - </a>
708 - </li>
709 - </ul>
710 - </li>
711 - <li class="nav-item">
712 - <a href="#" class="nav-link">
713 - <i class="nav-icon fas fa-search"></i>
714 - <p>
715 - Search
716 - <i class="fas fa-angle-left right"></i>
717 - </p>
718 - </a>
719 - <ul class="nav nav-treeview">
720 - <li class="nav-item">
721 - <a href="pages/search/simple.html" class="nav-link">
722 - <i class="far fa-circle nav-icon"></i>
723 - <p>Simple Search</p>
724 - </a>
725 - </li>
726 - <li class="nav-item">
727 - <a href="pages/search/enhanced.html" class="nav-link">
728 - <i class="far fa-circle nav-icon"></i>
729 - <p>Enhanced</p>
730 - </a>
731 - </li>
732 - </ul>
733 - </li>
734 - <li class="nav-header">MISCELLANEOUS</li>
735 - <li class="nav-item">
736 - <a href="iframe.html" class="nav-link">
737 - <i class="nav-icon fas fa-ellipsis-h"></i>
738 - <p>Tabbed IFrame Plugin</p>
739 - </a>
740 - </li>
741 - <li class="nav-item">
742 - <a href="https://adminlte.io/docs/3.1/" class="nav-link">
743 - <i class="nav-icon fas fa-file"></i>
744 - <p>Documentation</p>
745 - </a>
746 - </li>
747 - <li class="nav-header">MULTI LEVEL EXAMPLE</li>
748 - <li class="nav-item">
749 - <a href="#" class="nav-link">
750 - <i class="fas fa-circle nav-icon"></i>
751 - <p>Level 1</p>
752 - </a>
753 - </li>
754 - <li class="nav-item">
755 - <a href="#" class="nav-link">
756 - <i class="nav-icon fas fa-circle"></i>
757 - <p>
758 - Level 1
759 - <i class="right fas fa-angle-left"></i>
760 - </p>
761 - </a>
762 - <ul class="nav nav-treeview">
763 - <li class="nav-item">
764 - <a href="#" class="nav-link">
765 - <i class="far fa-circle nav-icon"></i>
766 - <p>Level 2</p>
767 - </a>
768 - </li>
769 - <li class="nav-item">
770 - <a href="#" class="nav-link">
771 - <i class="far fa-circle nav-icon"></i>
772 - <p>
773 - Level 2
774 - <i class="right fas fa-angle-left"></i>
775 - </p>
776 - </a>
777 - <ul class="nav nav-treeview">
778 - <li class="nav-item">
779 - <a href="#" class="nav-link">
780 - <i class="far fa-dot-circle nav-icon"></i>
781 - <p>Level 3</p>
782 - </a>
783 - </li>
784 - <li class="nav-item">
785 - <a href="#" class="nav-link">
786 - <i class="far fa-dot-circle nav-icon"></i>
787 - <p>Level 3</p>
788 - </a>
789 - </li>
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 - </ul>
797 - </li>
798 - <li class="nav-item">
799 - <a href="#" class="nav-link">
800 - <i class="far fa-circle nav-icon"></i>
801 - <p>Level 2</p>
802 - </a>
803 - </li>
804 - </ul>
805 - </li>
806 - <li class="nav-item">
807 - <a href="#" class="nav-link">
808 - <i class="fas fa-circle nav-icon"></i>
809 - <p>Level 1</p>
810 - </a>
811 - </li>
812 - <li class="nav-header">LABELS</li>
813 - <li class="nav-item">
814 - <a href="#" class="nav-link">
815 - <i class="nav-icon far fa-circle text-danger"></i>
816 - <p class="text">Important</p>
817 - </a>
818 - </li>
819 - <li class="nav-item">
820 - <a href="#" class="nav-link">
821 - <i class="nav-icon far fa-circle text-warning"></i>
822 - <p>Warning</p>
823 - </a>
824 - </li>
825 - <li class="nav-item">
826 - <a href="#" class="nav-link">
827 - <i class="nav-icon far fa-circle text-info"></i>
828 - <p>Informational</p>
829 - </a>
830 - </li>
831 - </ul>
832 - </nav>
833 - <!-- /.sidebar-menu -->
834 - </div>
835 - <!-- /.sidebar -->
836 - </aside>
837 -
838 - <!-- Content Wrapper. Contains page content -->
839 - <div class="content-wrapper">
840 - <!-- Content Header (Page header) -->
841 - <div class="content-header">
842 - <div class="container-fluid">
843 - <div class="row mb-2">
844 - <div class="col-sm-6">
845 - <h1 class="m-0">Dashboard v2</h1>
846 - </div><!-- /.col -->
847 - <div class="col-sm-6">
848 - <ol class="breadcrumb float-sm-right">
849 - <li class="breadcrumb-item"><a href="#">Home</a></li>
850 - <li class="breadcrumb-item active">Dashboard v2</li>
851 - </ol>
852 - </div><!-- /.col -->
853 - </div><!-- /.row -->
854 - </div><!-- /.container-fluid -->
855 - </div>
856 - <!-- /.content-header -->
857 -
858 - <!-- Main content -->
859 - <section class="content">
860 - <div class="container-fluid">
861 - <!-- Info boxes -->
862 - <div class="row">
863 - <div class="col-12 col-sm-6 col-md-3">
864 - <div class="info-box">
865 - <span class="info-box-icon bg-info elevation-1"><i class="fas fa-cog"></i></span>
866 -
867 - <div class="info-box-content">
868 - <span class="info-box-text">CPU Traffic</span>
869 - <span class="info-box-number">
870 - 10
871 - <small>%</small>
872 - </span>
873 - </div>
874 - <!-- /.info-box-content -->
875 - </div>
876 - <!-- /.info-box -->
877 - </div>
878 - <!-- /.col -->
879 - <div class="col-12 col-sm-6 col-md-3">
880 - <div class="info-box mb-3">
881 - <span class="info-box-icon bg-danger elevation-1"><i class="fas fa-thumbs-up"></i></span>
882 -
883 - <div class="info-box-content">
884 - <span class="info-box-text">Likes</span>
885 - <span class="info-box-number">41,410</span>
886 - </div>
887 - <!-- /.info-box-content -->
888 - </div>
889 - <!-- /.info-box -->
890 - </div>
891 - <!-- /.col -->
892 -
893 - <!-- fix for small devices only -->
894 - <div class="clearfix hidden-md-up"></div>
895 -
896 - <div class="col-12 col-sm-6 col-md-3">
897 - <div class="info-box mb-3">
898 - <span class="info-box-icon bg-success elevation-1"><i class="fas fa-shopping-cart"></i></span>
899 -
900 - <div class="info-box-content">
901 - <span class="info-box-text">Sales</span>
902 - <span class="info-box-number">760</span>
903 - </div>
904 - <!-- /.info-box-content -->
905 - </div>
906 - <!-- /.info-box -->
907 - </div>
908 - <!-- /.col -->
909 - <div class="col-12 col-sm-6 col-md-3">
910 - <div class="info-box mb-3">
911 - <span class="info-box-icon bg-warning elevation-1"><i class="fas fa-users"></i></span>
912 -
913 - <div class="info-box-content">
914 - <span class="info-box-text">New Members</span>
915 - <span class="info-box-number">2,000</span>
916 - </div>
917 - <!-- /.info-box-content -->
918 - </div>
919 - <!-- /.info-box -->
920 - </div>
921 - <!-- /.col -->
922 - </div>
923 - <!-- /.row -->
924 -
925 - <div class="row">
926 - <div class="col-md-12">
927 - <div class="card">
928 - <div class="card-header">
929 - <h5 class="card-title">Monthly Recap Report</h5>
930 -
931 - <div class="card-tools">
932 - <button type="button" class="btn btn-tool" data-card-widget="collapse">
933 - <i class="fas fa-minus"></i>
934 - </button>
935 - <div class="btn-group">
936 - <button type="button" class="btn btn-tool dropdown-toggle" data-toggle="dropdown">
937 - <i class="fas fa-wrench"></i>
938 - </button>
939 - <div class="dropdown-menu dropdown-menu-right" role="menu">
940 - <a href="#" class="dropdown-item">Action</a>
941 - <a href="#" class="dropdown-item">Another action</a>
942 - <a href="#" class="dropdown-item">Something else here</a>
943 - <a class="dropdown-divider"></a>
944 - <a href="#" class="dropdown-item">Separated link</a>
945 - </div>
946 - </div>
947 - <button type="button" class="btn btn-tool" data-card-widget="remove">
948 - <i class="fas fa-times"></i>
949 - </button>
950 - </div>
951 - </div>
952 - <!-- /.card-header -->
953 - <div class="card-body">
954 - <div class="row">
955 - <div class="col-md-8">
956 - <p class="text-center">
957 - <strong>Sales: 1 Jan, 2014 - 30 Jul, 2014</strong>
958 - </p>
959 -
960 - <div class="chart">
961 - <!-- Sales Chart Canvas -->
962 - <canvas id="salesChart" height="180" style="height: 180px;"></canvas>
963 - </div>
964 - <!-- /.chart-responsive -->
965 - </div>
966 - <!-- /.col -->
967 - <div class="col-md-4">
968 - <p class="text-center">
969 - <strong>Goal Completion</strong>
970 - </p>
971 -
972 - <div class="progress-group">
973 - Add Products to Cart
974 - <span class="float-right"><b>160</b>/200</span>
975 - <div class="progress progress-sm">
976 - <div class="progress-bar bg-primary" style="width: 80%"></div>
977 - </div>
978 - </div>
979 - <!-- /.progress-group -->
980 -
981 - <div class="progress-group">
982 - Complete Purchase
983 - <span class="float-right"><b>310</b>/400</span>
984 - <div class="progress progress-sm">
985 - <div class="progress-bar bg-danger" style="width: 75%"></div>
986 - </div>
987 - </div>
988 -
989 - <!-- /.progress-group -->
990 - <div class="progress-group">
991 - <span class="progress-text">Visit Premium Page</span>
992 - <span class="float-right"><b>480</b>/800</span>
993 - <div class="progress progress-sm">
994 - <div class="progress-bar bg-success" style="width: 60%"></div>
995 - </div>
996 - </div>
997 -
998 - <!-- /.progress-group -->
999 - <div class="progress-group">
1000 - Send Inquiries
1001 - <span class="float-right"><b>250</b>/500</span>
1002 - <div class="progress progress-sm">
1003 - <div class="progress-bar bg-warning" style="width: 50%"></div>
1004 - </div>
1005 - </div>
1006 - <!-- /.progress-group -->
1007 - </div>
1008 - <!-- /.col -->
1009 - </div>
1010 - <!-- /.row -->
1011 - </div>
1012 - <!-- ./card-body -->
1013 - <div class="card-footer">
1014 - <div class="row">
1015 - <div class="col-sm-3 col-6">
1016 - <div class="description-block border-right">
1017 - <span class="description-percentage text-success"><i class="fas fa-caret-up"></i> 17%</span>
1018 - <h5 class="description-header">$35,210.43</h5>
1019 - <span class="description-text">TOTAL REVENUE</span>
1020 - </div>
1021 - <!-- /.description-block -->
1022 - </div>
1023 - <!-- /.col -->
1024 - <div class="col-sm-3 col-6">
1025 - <div class="description-block border-right">
1026 - <span class="description-percentage text-warning"><i class="fas fa-caret-left"></i> 0%</span>
1027 - <h5 class="description-header">$10,390.90</h5>
1028 - <span class="description-text">TOTAL COST</span>
1029 - </div>
1030 - <!-- /.description-block -->
1031 - </div>
1032 - <!-- /.col -->
1033 - <div class="col-sm-3 col-6">
1034 - <div class="description-block border-right">
1035 - <span class="description-percentage text-success"><i class="fas fa-caret-up"></i> 20%</span>
1036 - <h5 class="description-header">$24,813.53</h5>
1037 - <span class="description-text">TOTAL PROFIT</span>
1038 - </div>
1039 - <!-- /.description-block -->
1040 - </div>
1041 - <!-- /.col -->
1042 - <div class="col-sm-3 col-6">
1043 - <div class="description-block">
1044 - <span class="description-percentage text-danger"><i class="fas fa-caret-down"></i> 18%</span>
1045 - <h5 class="description-header">1200</h5>
1046 - <span class="description-text">GOAL COMPLETIONS</span>
1047 - </div>
1048 - <!-- /.description-block -->
1049 - </div>
1050 - </div>
1051 - <!-- /.row -->
1052 - </div>
1053 - <!-- /.card-footer -->
1054 - </div>
1055 - <!-- /.card -->
1056 - </div>
1057 - <!-- /.col -->
1058 - </div>
1059 - <!-- /.row -->
1060 -
1061 - <!-- Main row -->
1062 - <div class="row">
1063 - <!-- Left col -->
1064 - <div class="col-md-8">
1065 - <!-- MAP & BOX PANE -->
1066 - <div class="card">
1067 - <div class="card-header">
1068 - <h3 class="card-title">US-Visitors Report</h3>
1069 -
1070 - <div class="card-tools">
1071 - <button type="button" class="btn btn-tool" data-card-widget="collapse">
1072 - <i class="fas fa-minus"></i>
1073 - </button>
1074 - <button type="button" class="btn btn-tool" data-card-widget="remove">
1075 - <i class="fas fa-times"></i>
1076 - </button>
1077 - </div>
1078 - </div>
1079 - <!-- /.card-header -->
1080 - <div class="card-body p-0">
1081 - <div class="d-md-flex">
1082 - <div class="p-1 flex-fill" style="overflow: hidden">
1083 - <!-- Map will be created here -->
1084 - <div id="world-map-markers" style="height: 325px; overflow: hidden">
1085 - <div class="map"></div>
1086 - </div>
1087 - </div>
1088 - <div class="card-pane-right bg-success pt-2 pb-2 pl-4 pr-4">
1089 - <div class="description-block mb-4">
1090 - <div class="sparkbar pad" data-color="#fff">90,70,90,70,75,80,70</div>
1091 - <h5 class="description-header">8390</h5>
1092 - <span class="description-text">Visits</span>
1093 - </div>
1094 - <!-- /.description-block -->
1095 - <div class="description-block mb-4">
1096 - <div class="sparkbar pad" data-color="#fff">90,50,90,70,61,83,63</div>
1097 - <h5 class="description-header">30%</h5>
1098 - <span class="description-text">Referrals</span>
1099 - </div>
1100 - <!-- /.description-block -->
1101 - <div class="description-block">
1102 - <div class="sparkbar pad" data-color="#fff">90,50,90,70,61,83,63</div>
1103 - <h5 class="description-header">70%</h5>
1104 - <span class="description-text">Organic</span>
1105 - </div>
1106 - <!-- /.description-block -->
1107 - </div><!-- /.card-pane-right -->
1108 - </div><!-- /.d-md-flex -->
1109 - </div>
1110 - <!-- /.card-body -->
1111 - </div>
1112 - <!-- /.card -->
1113 - <div class="row">
1114 - <div class="col-md-6">
1115 - <!-- DIRECT CHAT -->
1116 - <div class="card direct-chat direct-chat-warning">
1117 - <div class="card-header">
1118 - <h3 class="card-title">Direct Chat</h3>
1119 -
1120 - <div class="card-tools">
1121 - <span title="3 New Messages" class="badge badge-warning">3</span>
1122 - <button type="button" class="btn btn-tool" data-card-widget="collapse">
1123 - <i class="fas fa-minus"></i>
1124 - </button>
1125 - <button type="button" class="btn btn-tool" title="Contacts" data-widget="chat-pane-toggle">
1126 - <i class="fas fa-comments"></i>
1127 - </button>
1128 - <button type="button" class="btn btn-tool" data-card-widget="remove">
1129 - <i class="fas fa-times"></i>
1130 - </button>
1131 - </div>
1132 - </div>
1133 - <!-- /.card-header -->
1134 - <div class="card-body">
1135 - <!-- Conversations are loaded here -->
1136 - <div class="direct-chat-messages">
1137 - <!-- Message. Default to the left -->
1138 - <div class="direct-chat-msg">
1139 - <div class="direct-chat-infos clearfix">
1140 - <span class="direct-chat-name float-left">Alexander Pierce</span>
1141 - <span class="direct-chat-timestamp float-right">23 Jan 2:00 pm</span>
1142 - </div>
1143 - <!-- /.direct-chat-infos -->
1144 - <img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image">
1145 - <!-- /.direct-chat-img -->
1146 - <div class="direct-chat-text">
1147 - Is this template really for free? That's unbelievable!
1148 - </div>
1149 - <!-- /.direct-chat-text -->
1150 - </div>
1151 - <!-- /.direct-chat-msg -->
1152 -
1153 - <!-- Message to the right -->
1154 - <div class="direct-chat-msg right">
1155 - <div class="direct-chat-infos clearfix">
1156 - <span class="direct-chat-name float-right">Sarah Bullock</span>
1157 - <span class="direct-chat-timestamp float-left">23 Jan 2:05 pm</span>
1158 - </div>
1159 - <!-- /.direct-chat-infos -->
1160 - <img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image">
1161 - <!-- /.direct-chat-img -->
1162 - <div class="direct-chat-text">
1163 - You better believe it!
1164 - </div>
1165 - <!-- /.direct-chat-text -->
1166 - </div>
1167 - <!-- /.direct-chat-msg -->
1168 -
1169 - <!-- Message. Default to the left -->
1170 - <div class="direct-chat-msg">
1171 - <div class="direct-chat-infos clearfix">
1172 - <span class="direct-chat-name float-left">Alexander Pierce</span>
1173 - <span class="direct-chat-timestamp float-right">23 Jan 5:37 pm</span>
1174 - </div>
1175 - <!-- /.direct-chat-infos -->
1176 - <img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image">
1177 - <!-- /.direct-chat-img -->
1178 - <div class="direct-chat-text">
1179 - Working with AdminLTE on a great new app! Wanna join?
1180 - </div>
1181 - <!-- /.direct-chat-text -->
1182 - </div>
1183 - <!-- /.direct-chat-msg -->
1184 -
1185 - <!-- Message to the right -->
1186 - <div class="direct-chat-msg right">
1187 - <div class="direct-chat-infos clearfix">
1188 - <span class="direct-chat-name float-right">Sarah Bullock</span>
1189 - <span class="direct-chat-timestamp float-left">23 Jan 6:10 pm</span>
1190 - </div>
1191 - <!-- /.direct-chat-infos -->
1192 - <img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image">
1193 - <!-- /.direct-chat-img -->
1194 - <div class="direct-chat-text">
1195 - I would love to.
1196 - </div>
1197 - <!-- /.direct-chat-text -->
1198 - </div>
1199 - <!-- /.direct-chat-msg -->
1200 -
1201 - </div>
1202 - <!--/.direct-chat-messages-->
1203 -
1204 - <!-- Contacts are loaded here -->
1205 - <div class="direct-chat-contacts">
1206 - <ul class="contacts-list">
1207 - <li>
1208 - <a href="#">
1209 - <img class="contacts-list-img" src="dist/img/user1-128x128.jpg" alt="User Avatar">
1210 -
1211 - <div class="contacts-list-info">
1212 - <span class="contacts-list-name">
1213 - Count Dracula
1214 - <small class="contacts-list-date float-right">2/28/2015</small>
1215 - </span>
1216 - <span class="contacts-list-msg">How have you been? I was...</span>
1217 - </div>
1218 - <!-- /.contacts-list-info -->
1219 - </a>
1220 - </li>
1221 - <!-- End Contact Item -->
1222 - <li>
1223 - <a href="#">
1224 - <img class="contacts-list-img" src="dist/img/user7-128x128.jpg" alt="User Avatar">
1225 -
1226 - <div class="contacts-list-info">
1227 - <span class="contacts-list-name">
1228 - Sarah Doe
1229 - <small class="contacts-list-date float-right">2/23/2015</small>
1230 - </span>
1231 - <span class="contacts-list-msg">I will be waiting for...</span>
1232 - </div>
1233 - <!-- /.contacts-list-info -->
1234 - </a>
1235 - </li>
1236 - <!-- End Contact Item -->
1237 - <li>
1238 - <a href="#">
1239 - <img class="contacts-list-img" src="dist/img/user3-128x128.jpg" alt="User Avatar">
1240 -
1241 - <div class="contacts-list-info">
1242 - <span class="contacts-list-name">
1243 - Nadia Jolie
1244 - <small class="contacts-list-date float-right">2/20/2015</small>
1245 - </span>
1246 - <span class="contacts-list-msg">I'll call you back at...</span>
1247 - </div>
1248 - <!-- /.contacts-list-info -->
1249 - </a>
1250 - </li>
1251 - <!-- End Contact Item -->
1252 - <li>
1253 - <a href="#">
1254 - <img class="contacts-list-img" src="dist/img/user5-128x128.jpg" alt="User Avatar">
1255 -
1256 - <div class="contacts-list-info">
1257 - <span class="contacts-list-name">
1258 - Nora S. Vans
1259 - <small class="contacts-list-date float-right">2/10/2015</small>
1260 - </span>
1261 - <span class="contacts-list-msg">Where is your new...</span>
1262 - </div>
1263 - <!-- /.contacts-list-info -->
1264 - </a>
1265 - </li>
1266 - <!-- End Contact Item -->
1267 - <li>
1268 - <a href="#">
1269 - <img class="contacts-list-img" src="dist/img/user6-128x128.jpg" alt="User Avatar">
1270 -
1271 - <div class="contacts-list-info">
1272 - <span class="contacts-list-name">
1273 - John K.
1274 - <small class="contacts-list-date float-right">1/27/2015</small>
1275 - </span>
1276 - <span class="contacts-list-msg">Can I take a look at...</span>
1277 - </div>
1278 - <!-- /.contacts-list-info -->
1279 - </a>
1280 - </li>
1281 - <!-- End Contact Item -->
1282 - <li>
1283 - <a href="#">
1284 - <img class="contacts-list-img" src="dist/img/user8-128x128.jpg" alt="User Avatar">
1285 -
1286 - <div class="contacts-list-info">
1287 - <span class="contacts-list-name">
1288 - Kenneth M.
1289 - <small class="contacts-list-date float-right">1/4/2015</small>
1290 - </span>
1291 - <span class="contacts-list-msg">Never mind I found...</span>
1292 - </div>
1293 - <!-- /.contacts-list-info -->
1294 - </a>
1295 - </li>
1296 - <!-- End Contact Item -->
1297 - </ul>
1298 - <!-- /.contacts-list -->
1299 - </div>
1300 - <!-- /.direct-chat-pane -->
1301 - </div>
1302 - <!-- /.card-body -->
1303 - <div class="card-footer">
1304 - <form action="#" method="post">
1305 - <div class="input-group">
1306 - <input type="text" name="message" placeholder="Type Message ..." class="form-control">
1307 - <span class="input-group-append">
1308 - <button type="button" class="btn btn-warning">Send</button>
1309 - </span>
1310 - </div>
1311 - </form>
1312 - </div>
1313 - <!-- /.card-footer-->
1314 - </div>
1315 - <!--/.direct-chat -->
1316 - </div>
1317 - <!-- /.col -->
1318 -
1319 - <div class="col-md-6">
1320 - <!-- USERS LIST -->
1321 - <div class="card">
1322 - <div class="card-header">
1323 - <h3 class="card-title">Latest Members</h3>
1324 -
1325 - <div class="card-tools">
1326 - <span class="badge badge-danger">8 New Members</span>
1327 - <button type="button" class="btn btn-tool" data-card-widget="collapse">
1328 - <i class="fas fa-minus"></i>
1329 - </button>
1330 - <button type="button" class="btn btn-tool" data-card-widget="remove">
1331 - <i class="fas fa-times"></i>
1332 - </button>
1333 - </div>
1334 - </div>
1335 - <!-- /.card-header -->
1336 - <div class="card-body p-0">
1337 - <ul class="users-list clearfix">
1338 - <li>
1339 - <img src="dist/img/user1-128x128.jpg" alt="User Image">
1340 - <a class="users-list-name" href="#">Alexander Pierce</a>
1341 - <span class="users-list-date">Today</span>
1342 - </li>
1343 - <li>
1344 - <img src="dist/img/user8-128x128.jpg" alt="User Image">
1345 - <a class="users-list-name" href="#">Norman</a>
1346 - <span class="users-list-date">Yesterday</span>
1347 - </li>
1348 - <li>
1349 - <img src="dist/img/user7-128x128.jpg" alt="User Image">
1350 - <a class="users-list-name" href="#">Jane</a>
1351 - <span class="users-list-date">12 Jan</span>
1352 - </li>
1353 - <li>
1354 - <img src="dist/img/user6-128x128.jpg" alt="User Image">
1355 - <a class="users-list-name" href="#">John</a>
1356 - <span class="users-list-date">12 Jan</span>
1357 - </li>
1358 - <li>
1359 - <img src="dist/img/user2-160x160.jpg" alt="User Image">
1360 - <a class="users-list-name" href="#">Alexander</a>
1361 - <span class="users-list-date">13 Jan</span>
1362 - </li>
1363 - <li>
1364 - <img src="dist/img/user5-128x128.jpg" alt="User Image">
1365 - <a class="users-list-name" href="#">Sarah</a>
1366 - <span class="users-list-date">14 Jan</span>
1367 - </li>
1368 - <li>
1369 - <img src="dist/img/user4-128x128.jpg" alt="User Image">
1370 - <a class="users-list-name" href="#">Nora</a>
1371 - <span class="users-list-date">15 Jan</span>
1372 - </li>
1373 - <li>
1374 - <img src="dist/img/user3-128x128.jpg" alt="User Image">
1375 - <a class="users-list-name" href="#">Nadia</a>
1376 - <span class="users-list-date">15 Jan</span>
1377 - </li>
1378 - </ul>
1379 - <!-- /.users-list -->
1380 - </div>
1381 - <!-- /.card-body -->
1382 - <div class="card-footer text-center">
1383 - <a href="javascript:">View All Users</a>
1384 - </div>
1385 - <!-- /.card-footer -->
1386 - </div>
1387 - <!--/.card -->
1388 - </div>
1389 - <!-- /.col -->
1390 - </div>
1391 - <!-- /.row -->
1392 -
1393 - <!-- TABLE: LATEST ORDERS -->
1394 - <div class="card">
1395 - <div class="card-header border-transparent">
1396 - <h3 class="card-title">Latest Orders</h3>
1397 -
1398 - <div class="card-tools">
1399 - <button type="button" class="btn btn-tool" data-card-widget="collapse">
1400 - <i class="fas fa-minus"></i>
1401 - </button>
1402 - <button type="button" class="btn btn-tool" data-card-widget="remove">
1403 - <i class="fas fa-times"></i>
1404 - </button>
1405 - </div>
1406 - </div>
1407 - <!-- /.card-header -->
1408 - <div class="card-body p-0">
1409 - <div class="table-responsive">
1410 - <table class="table m-0">
1411 - <thead>
1412 - <tr>
1413 - <th>Order ID</th>
1414 - <th>Item</th>
1415 - <th>Status</th>
1416 - <th>Popularity</th>
1417 - </tr>
1418 - </thead>
1419 - <tbody>
1420 - <tr>
1421 - <td><a href="pages/examples/invoice.html">OR9842</a></td>
1422 - <td>Call of Duty IV</td>
1423 - <td><span class="badge badge-success">Shipped</span></td>
1424 - <td>
1425 - <div class="sparkbar" data-color="#00a65a" data-height="20">90,80,90,-70,61,-83,63</div>
1426 - </td>
1427 - </tr>
1428 - <tr>
1429 - <td><a href="pages/examples/invoice.html">OR1848</a></td>
1430 - <td>Samsung Smart TV</td>
1431 - <td><span class="badge badge-warning">Pending</span></td>
1432 - <td>
1433 - <div class="sparkbar" data-color="#f39c12" data-height="20">90,80,-90,70,61,-83,68</div>
1434 - </td>
1435 - </tr>
1436 - <tr>
1437 - <td><a href="pages/examples/invoice.html">OR7429</a></td>
1438 - <td>iPhone 6 Plus</td>
1439 - <td><span class="badge badge-danger">Delivered</span></td>
1440 - <td>
1441 - <div class="sparkbar" data-color="#f56954" data-height="20">90,-80,90,70,-61,83,63</div>
1442 - </td>
1443 - </tr>
1444 - <tr>
1445 - <td><a href="pages/examples/invoice.html">OR7429</a></td>
1446 - <td>Samsung Smart TV</td>
1447 - <td><span class="badge badge-info">Processing</span></td>
1448 - <td>
1449 - <div class="sparkbar" data-color="#00c0ef" data-height="20">90,80,-90,70,-61,83,63</div>
1450 - </td>
1451 - </tr>
1452 - <tr>
1453 - <td><a href="pages/examples/invoice.html">OR1848</a></td>
1454 - <td>Samsung Smart TV</td>
1455 - <td><span class="badge badge-warning">Pending</span></td>
1456 - <td>
1457 - <div class="sparkbar" data-color="#f39c12" data-height="20">90,80,-90,70,61,-83,68</div>
1458 - </td>
1459 - </tr>
1460 - <tr>
1461 - <td><a href="pages/examples/invoice.html">OR7429</a></td>
1462 - <td>iPhone 6 Plus</td>
1463 - <td><span class="badge badge-danger">Delivered</span></td>
1464 - <td>
1465 - <div class="sparkbar" data-color="#f56954" data-height="20">90,-80,90,70,-61,83,63</div>
1466 - </td>
1467 - </tr>
1468 - <tr>
1469 - <td><a href="pages/examples/invoice.html">OR9842</a></td>
1470 - <td>Call of Duty IV</td>
1471 - <td><span class="badge badge-success">Shipped</span></td>
1472 - <td>
1473 - <div class="sparkbar" data-color="#00a65a" data-height="20">90,80,90,-70,61,-83,63</div>
1474 - </td>
1475 - </tr>
1476 - </tbody>
1477 - </table>
1478 - </div>
1479 - <!-- /.table-responsive -->
1480 - </div>
1481 - <!-- /.card-body -->
1482 - <div class="card-footer clearfix">
1483 - <a href="javascript:void(0)" class="btn btn-sm btn-info float-left">Place New Order</a>
1484 - <a href="javascript:void(0)" class="btn btn-sm btn-secondary float-right">View All Orders</a>
1485 - </div>
1486 - <!-- /.card-footer -->
1487 - </div>
1488 - <!-- /.card -->
1489 - </div>
1490 - <!-- /.col -->
1491 -
1492 - <div class="col-md-4">
1493 - <!-- Info Boxes Style 2 -->
1494 - <div class="info-box mb-3 bg-warning">
1495 - <span class="info-box-icon"><i class="fas fa-tag"></i></span>
1496 -
1497 - <div class="info-box-content">
1498 - <span class="info-box-text">Inventory</span>
1499 - <span class="info-box-number">5,200</span>
1500 - </div>
1501 - <!-- /.info-box-content -->
1502 - </div>
1503 - <!-- /.info-box -->
1504 - <div class="info-box mb-3 bg-success">
1505 - <span class="info-box-icon"><i class="far fa-heart"></i></span>
1506 -
1507 - <div class="info-box-content">
1508 - <span class="info-box-text">Mentions</span>
1509 - <span class="info-box-number">92,050</span>
1510 - </div>
1511 - <!-- /.info-box-content -->
1512 - </div>
1513 - <!-- /.info-box -->
1514 - <div class="info-box mb-3 bg-danger">
1515 - <span class="info-box-icon"><i class="fas fa-cloud-download-alt"></i></span>
1516 -
1517 - <div class="info-box-content">
1518 - <span class="info-box-text">Downloads</span>
1519 - <span class="info-box-number">114,381</span>
1520 - </div>
1521 - <!-- /.info-box-content -->
1522 - </div>
1523 - <!-- /.info-box -->
1524 - <div class="info-box mb-3 bg-info">
1525 - <span class="info-box-icon"><i class="far fa-comment"></i></span>
1526 -
1527 - <div class="info-box-content">
1528 - <span class="info-box-text">Direct Messages</span>
1529 - <span class="info-box-number">163,921</span>
1530 - </div>
1531 - <!-- /.info-box-content -->
1532 - </div>
1533 - <!-- /.info-box -->
1534 -
1535 - <div class="card">
1536 - <div class="card-header">
1537 - <h3 class="card-title">Browser Usage</h3>
1538 -
1539 - <div class="card-tools">
1540 - <button type="button" class="btn btn-tool" data-card-widget="collapse">
1541 - <i class="fas fa-minus"></i>
1542 - </button>
1543 - <button type="button" class="btn btn-tool" data-card-widget="remove">
1544 - <i class="fas fa-times"></i>
1545 - </button>
1546 - </div>
1547 - </div>
1548 - <!-- /.card-header -->
1549 - <div class="card-body">
1550 - <div class="row">
1551 - <div class="col-md-8">
1552 - <div class="chart-responsive">
1553 - <canvas id="pieChart" height="150"></canvas>
1554 - </div>
1555 - <!-- ./chart-responsive -->
1556 - </div>
1557 - <!-- /.col -->
1558 - <div class="col-md-4">
1559 - <ul class="chart-legend clearfix">
1560 - <li><i class="far fa-circle text-danger"></i> Chrome</li>
1561 - <li><i class="far fa-circle text-success"></i> IE</li>
1562 - <li><i class="far fa-circle text-warning"></i> FireFox</li>
1563 - <li><i class="far fa-circle text-info"></i> Safari</li>
1564 - <li><i class="far fa-circle text-primary"></i> Opera</li>
1565 - <li><i class="far fa-circle text-secondary"></i> Navigator</li>
1566 - </ul>
1567 - </div>
1568 - <!-- /.col -->
1569 - </div>
1570 - <!-- /.row -->
1571 - </div>
1572 - <!-- /.card-body -->
1573 - <div class="card-footer p-0">
1574 - <ul class="nav nav-pills flex-column">
1575 - <li class="nav-item">
1576 - <a href="#" class="nav-link">
1577 - United States of America
1578 - <span class="float-right text-danger">
1579 - <i class="fas fa-arrow-down text-sm"></i>
1580 - 12%</span>
1581 - </a>
1582 - </li>
1583 - <li class="nav-item">
1584 - <a href="#" class="nav-link">
1585 - India
1586 - <span class="float-right text-success">
1587 - <i class="fas fa-arrow-up text-sm"></i> 4%
1588 - </span>
1589 - </a>
1590 - </li>
1591 - <li class="nav-item">
1592 - <a href="#" class="nav-link">
1593 - China
1594 - <span class="float-right text-warning">
1595 - <i class="fas fa-arrow-left text-sm"></i> 0%
1596 - </span>
1597 - </a>
1598 - </li>
1599 - </ul>
1600 - </div>
1601 - <!-- /.footer -->
1602 - </div>
1603 - <!-- /.card -->
1604 -
1605 - <!-- PRODUCT LIST -->
1606 - <div class="card">
1607 - <div class="card-header">
1608 - <h3 class="card-title">Recently Added Products</h3>
1609 -
1610 - <div class="card-tools">
1611 - <button type="button" class="btn btn-tool" data-card-widget="collapse">
1612 - <i class="fas fa-minus"></i>
1613 - </button>
1614 - <button type="button" class="btn btn-tool" data-card-widget="remove">
1615 - <i class="fas fa-times"></i>
1616 - </button>
1617 - </div>
1618 - </div>
1619 - <!-- /.card-header -->
1620 - <div class="card-body p-0">
1621 - <ul class="products-list product-list-in-card pl-2 pr-2">
1622 - <li class="item">
1623 - <div class="product-img">
1624 - <img src="dist/img/default-150x150.png" alt="Product Image" class="img-size-50">
1625 - </div>
1626 - <div class="product-info">
1627 - <a href="javascript:void(0)" class="product-title">Samsung TV
1628 - <span class="badge badge-warning float-right">$1800</span></a>
1629 - <span class="product-description">
1630 - Samsung 32" 1080p 60Hz LED Smart HDTV.
1631 - </span>
1632 - </div>
1633 - </li>
1634 - <!-- /.item -->
1635 - <li class="item">
1636 - <div class="product-img">
1637 - <img src="dist/img/default-150x150.png" alt="Product Image" class="img-size-50">
1638 - </div>
1639 - <div class="product-info">
1640 - <a href="javascript:void(0)" class="product-title">Bicycle
1641 - <span class="badge badge-info float-right">$700</span></a>
1642 - <span class="product-description">
1643 - 26" Mongoose Dolomite Men's 7-speed, Navy Blue.
1644 - </span>
1645 - </div>
1646 - </li>
1647 - <!-- /.item -->
1648 - <li class="item">
1649 - <div class="product-img">
1650 - <img src="dist/img/default-150x150.png" alt="Product Image" class="img-size-50">
1651 - </div>
1652 - <div class="product-info">
1653 - <a href="javascript:void(0)" class="product-title">
1654 - Xbox One <span class="badge badge-danger float-right">
1655 - $350
1656 - </span>
1657 - </a>
1658 - <span class="product-description">
1659 - Xbox One Console Bundle with Halo Master Chief Collection.
1660 - </span>
1661 - </div>
1662 - </li>
1663 - <!-- /.item -->
1664 - <li class="item">
1665 - <div class="product-img">
1666 - <img src="dist/img/default-150x150.png" alt="Product Image" class="img-size-50">
1667 - </div>
1668 - <div class="product-info">
1669 - <a href="javascript:void(0)" class="product-title">PlayStation 4
1670 - <span class="badge badge-success float-right">$399</span></a>
1671 - <span class="product-description">
1672 - PlayStation 4 500GB Console (PS4)
1673 - </span>
1674 - </div>
1675 - </li>
1676 - <!-- /.item -->
1677 - </ul>
1678 - </div>
1679 - <!-- /.card-body -->
1680 - <div class="card-footer text-center">
1681 - <a href="javascript:void(0)" class="uppercase">View All Products</a>
1682 - </div>
1683 - <!-- /.card-footer -->
1684 - </div>
1685 - <!-- /.card -->
1686 - </div>
1687 - <!-- /.col -->
1688 - </div>
1689 - <!-- /.row -->
1690 - </div><!--/. container-fluid -->
1691 - </section>
1692 - <!-- /.content -->
1693 - </div>
1694 - <!-- /.content-wrapper -->
1695 -
1696 - <!-- Control Sidebar -->
1697 - <aside class="control-sidebar control-sidebar-dark">
1698 - <!-- Control sidebar content goes here -->
1699 - </aside>
1700 - <!-- /.control-sidebar -->
1701 -
1702 - <!-- Main Footer -->
1703 - <footer class="main-footer">
1704 - <strong>Copyright &copy; 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong>
1705 - All rights reserved.
1706 - <div class="float-right d-none d-sm-inline-block">
1707 - <b>Version</b> 3.1.0
1708 - </div>
1709 - </footer>
1710 -</div>
1711 -<!-- ./wrapper -->
1712 -
1713 -<!-- REQUIRED SCRIPTS -->
1714 -<!-- jQuery -->
1715 -<script src="plugins/jquery/jquery.min.js"></script>
1716 -<!-- Bootstrap -->
1717 -<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
1718 -<!-- overlayScrollbars -->
1719 -<script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
1720 -<!-- AdminLTE App -->
1721 -<script src="dist/js/adminlte.js"></script>
1722 -
1723 -<!-- PAGE PLUGINS -->
1724 -<!-- jQuery Mapael -->
1725 -<script src="plugins/jquery-mousewheel/jquery.mousewheel.js"></script>
1726 -<script src="plugins/raphael/raphael.min.js"></script>
1727 -<script src="plugins/jquery-mapael/jquery.mapael.min.js"></script>
1728 -<script src="plugins/jquery-mapael/maps/usa_states.min.js"></script>
1729 -<!-- ChartJS -->
1730 -<script src="plugins/chart.js/Chart.min.js"></script>
1731 -
1732 -<!-- AdminLTE for demo purposes -->
1733 -<script src="dist/js/demo.js"></script>
1734 -<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
1735 -<script src="dist/js/pages/dashboard2.js"></script>
1736 -</body>
1737 -</html>