index3.html 33.5 KB
Newer Older
A
Abdullah Almsaeed 已提交
1 2 3 4 5 6 7
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="x-ua-compatible" content="ie=edge">

A
Abdullah Almsaeed 已提交
8
  <title>AdminLTE 3 | Dashboard 3</title>
A
Abdullah Almsaeed 已提交
9 10

  <!-- Font Awesome Icons -->
11
  <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
A
Abdullah Almsaeed 已提交
12 13
  <!-- IonIcons -->
  <link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
A
Abdullah Almsaeed 已提交
14 15 16 17 18 19 20 21 22 23 24
  <!-- Theme style -->
  <link rel="stylesheet" href="dist/css/adminlte.min.css">
  <!-- Google Font: Source Sans Pro -->
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
</head>
<!--
BODY TAG OPTIONS:
=================
Apply one or more of the following classes to to the body tag
to get the desired effect
|---------------------------------------------------------|
A
Abdullah Almsaeed 已提交
25
|LAYOUT OPTIONS | sidebar-collapse                        |
A
Abdullah Almsaeed 已提交
26 27 28
|               | sidebar-mini                            |
|---------------------------------------------------------|
-->
A
Abdullah Almsaeed 已提交
29
<body class="hold-transition sidebar-mini">
A
Abdullah Almsaeed 已提交
30 31
<div class="wrapper">
  <!-- Navbar -->
32
  <nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom">
A
Abdullah Almsaeed 已提交
33
    <!-- Left navbar links -->
A
Abdullah Almsaeed 已提交
34
    <ul class="navbar-nav">
A
Abdullah Almsaeed 已提交
35
      <li class="nav-item">
36
        <a class="nav-link" data-widget="pushmenu" href="#"><i class="fas fa-bars"></i></a>
A
Abdullah Almsaeed 已提交
37
      </li>
A
Abdullah Almsaeed 已提交
38 39 40 41 42 43
      <li class="nav-item d-none d-sm-inline-block">
        <a href="index3.html" class="nav-link">Home</a>
      </li>
      <li class="nav-item d-none d-sm-inline-block">
        <a href="#" class="nav-link">Contact</a>
      </li>
A
Abdullah Almsaeed 已提交
44
    </ul>
A
Abdullah Almsaeed 已提交
45 46 47 48 49 50 51

    <!-- SEARCH FORM -->
    <form class="form-inline ml-3">
      <div class="input-group input-group-sm">
        <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
        <div class="input-group-append">
          <button class="btn btn-navbar" type="submit">
52
            <i class="fas fa-search"></i>
A
Abdullah Almsaeed 已提交
53 54 55 56 57
          </button>
        </div>
      </div>
    </form>

A
Abdullah Almsaeed 已提交
58
    <!-- Right navbar links -->
A
Abdullah Almsaeed 已提交
59
    <ul class="navbar-nav ml-auto">
A
Abdullah Almsaeed 已提交
60 61 62
      <!-- Messages Dropdown Menu -->
      <li class="nav-item dropdown">
        <a class="nav-link" data-toggle="dropdown" href="#">
63
          <i class="far fa-comments"></i>
A
Abdullah Almsaeed 已提交
64
          <span class="badge badge-danger navbar-badge">3</span>
A
Abdullah Almsaeed 已提交
65
        </a>
A
Abdullah Almsaeed 已提交
66
        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
A
Abdullah Almsaeed 已提交
67 68
          <a href="#" class="dropdown-item">
            <!-- Message Start -->
A
Abdullah Almsaeed 已提交
69 70 71 72 73
            <div class="media">
              <img src="dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
              <div class="media-body">
                <h3 class="dropdown-item-title">
                  Brad Diesel
74
                  <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
A
Abdullah Almsaeed 已提交
75 76
                </h3>
                <p class="text-sm">Call me whenever you can...</p>
77
                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
A
Abdullah Almsaeed 已提交
78
              </div>
A
Abdullah Almsaeed 已提交
79 80 81 82 83 84
            </div>
            <!-- Message End -->
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <!-- Message Start -->
A
Abdullah Almsaeed 已提交
85 86 87 88 89
            <div class="media">
              <img src="dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
              <div class="media-body">
                <h3 class="dropdown-item-title">
                  John Pierce
90
                  <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
A
Abdullah Almsaeed 已提交
91 92
                </h3>
                <p class="text-sm">I got your message bro</p>
93
                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
A
Abdullah Almsaeed 已提交
94
              </div>
A
Abdullah Almsaeed 已提交
95 96 97 98 99 100
            </div>
            <!-- Message End -->
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <!-- Message Start -->
A
Abdullah Almsaeed 已提交
101 102 103 104 105
            <div class="media">
              <img src="dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
              <div class="media-body">
                <h3 class="dropdown-item-title">
                  Nora Silvester
106
                  <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
A
Abdullah Almsaeed 已提交
107 108
                </h3>
                <p class="text-sm">The subject goes here</p>
109
                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
A
Abdullah Almsaeed 已提交
110
              </div>
A
Abdullah Almsaeed 已提交
111 112 113 114 115 116 117 118 119 120
            </div>
            <!-- Message End -->
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
        </div>
      </li>
      <!-- Notifications Dropdown Menu -->
      <li class="nav-item dropdown">
        <a class="nav-link" data-toggle="dropdown" href="#">
121
          <i class="far fa-bell"></i>
A
Abdullah Almsaeed 已提交
122
          <span class="badge badge-warning navbar-badge">15</span>
A
Abdullah Almsaeed 已提交
123
        </a>
A
Abdullah Almsaeed 已提交
124
        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
A
Abdullah Almsaeed 已提交
125 126 127
          <span class="dropdown-item dropdown-header">15 Notifications</span>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
128
            <i class="fas fa-envelope mr-2"></i> 4 new messages
A
Abdullah Almsaeed 已提交
129
            <span class="float-right text-muted text-sm">3 mins</span>
A
Abdullah Almsaeed 已提交
130 131 132
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
133
            <i class="fas fa-users mr-2"></i> 8 friend requests
A
Abdullah Almsaeed 已提交
134
            <span class="float-right text-muted text-sm">12 hours</span>
A
Abdullah Almsaeed 已提交
135 136 137
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
138
            <i class="fas fa-file mr-2"></i> 3 new reports
A
Abdullah Almsaeed 已提交
139
            <span class="float-right text-muted text-sm">2 days</span>
A
Abdullah Almsaeed 已提交
140 141 142 143 144 145
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
        </div>
      </li>
      <li class="nav-item">
A
Abdullah Almsaeed 已提交
146
        <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#"><i
147
            class="fas fa-th-large"></i></a>
A
Abdullah Almsaeed 已提交
148 149 150 151 152 153
      </li>
    </ul>
  </nav>
  <!-- /.navbar -->

  <!-- Main Sidebar Container -->
A
Abdullah Almsaeed 已提交
154 155 156 157 158 159 160 161
  <aside class="main-sidebar sidebar-dark-primary elevation-4">
    <!-- Brand Logo -->
    <a href="index3.html" class="brand-link">
      <img src="dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3"
           style="opacity: .8">
      <span class="brand-text font-weight-light">AdminLTE 3</span>
    </a>

A
Abdullah Almsaeed 已提交
162
    <!-- Sidebar -->
A
Abdullah Almsaeed 已提交
163
    <div class="sidebar">
A
Abdullah Almsaeed 已提交
164
      <!-- Sidebar user panel (optional) -->
A
Abdullah Almsaeed 已提交
165
      <div class="user-panel mt-3 pb-3 mb-3 d-flex">
A
Abdullah Almsaeed 已提交
166
        <div class="image">
A
Abdullah Almsaeed 已提交
167
          <img src="dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
A
Abdullah Almsaeed 已提交
168 169
        </div>
        <div class="info">
A
Abdullah Almsaeed 已提交
170
          <a href="#" class="d-block">Alexander Pierce</a>
A
Abdullah Almsaeed 已提交
171 172 173 174
        </div>
      </div>

      <!-- Sidebar Menu -->
A
Abdullah Almsaeed 已提交
175 176 177 178
      <nav class="mt-2">
        <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
          <!-- Add icons to the links using the .nav-icon class
               with font-awesome or any other icon font library -->
A
Abdullah Almsaeed 已提交
179 180
          <li class="nav-item has-treeview menu-open">
            <a href="#" class="nav-link active">
181
              <i class="nav-icon fas fa-tachometer-alt"></i>
A
Abdullah Almsaeed 已提交
182 183
              <p>
                Dashboard
184
                <i class="right fas fa-angle-left"></i>
A
Abdullah Almsaeed 已提交
185
              </p>
A
Abdullah Almsaeed 已提交
186 187 188
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
189
                <a href="./index.html" class="nav-link">
190
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
191 192
                  <p>Dashboard v1</p>
                </a>
A
Abdullah Almsaeed 已提交
193 194
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
195
                <a href="./index2.html" class="nav-link">
196
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
197 198
                  <p>Dashboard v2</p>
                </a>
A
Abdullah Almsaeed 已提交
199 200
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
201
                <a href="./index3.html" class="nav-link active">
202
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
203 204
                  <p>Dashboard v3</p>
                </a>
A
Abdullah Almsaeed 已提交
205 206 207 208
              </li>
            </ul>
          </li>
          <li class="nav-item">
A
Abdullah Almsaeed 已提交
209
            <a href="pages/widgets.html" class="nav-link">
210
              <i class="nav-icon fas fa-th"></i>
A
Abdullah Almsaeed 已提交
211 212 213 214
              <p>
                Widgets
                <span class="right badge badge-danger">New</span>
              </p>
A
Abdullah Almsaeed 已提交
215 216
            </a>
          </li>
R
REJack 已提交
217 218 219 220 221 222
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-copy"></i>
              <p>
                Layout Options
                <i class="fas fa-angle-left right"></i>
R
REJack 已提交
223
                <span class="badge badge-info right">6</span>
R
REJack 已提交
224 225 226 227 228 229 230 231 232 233 234 235 236 237 238
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="pages/layout/top-nav.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>Top Navigation</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/layout/boxed.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>Boxed</p>
                </a>
              </li>
R
REJack 已提交
239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256
              <li class="nav-item">
                <a href="pages/layout/fixed.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>Fixed</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/layout/fixed-topnav.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>Fixed Navbar</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/layout/fixed-footer.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>Fixed Footer</p>
                </a>
              </li>
R
REJack 已提交
257 258 259 260 261 262 263 264
              <li class="nav-item">
                <a href="pages/layout/collapsed-sidebar.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>Collapsed Sidebar</p>
                </a>
              </li>
            </ul>
          </li>
A
Abdullah Almsaeed 已提交
265 266
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
267
              <i class="nav-icon fas fa-chart-pie"></i>
A
Abdullah Almsaeed 已提交
268 269
              <p>
                Charts
270
                <i class="right fas fa-angle-left"></i>
A
Abdullah Almsaeed 已提交
271
              </p>
A
Abdullah Almsaeed 已提交
272 273 274
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
275
                <a href="pages/charts/chartjs.html" class="nav-link">
276
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
277 278
                  <p>ChartJS</p>
                </a>
A
Abdullah Almsaeed 已提交
279 280
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
281
                <a href="pages/charts/flot.html" class="nav-link">
282
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
283 284
                  <p>Flot</p>
                </a>
A
Abdullah Almsaeed 已提交
285 286
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
287
                <a href="pages/charts/inline.html" class="nav-link">
288
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
289 290
                  <p>Inline</p>
                </a>
A
Abdullah Almsaeed 已提交
291 292 293 294 295
              </li>
            </ul>
          </li>
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
296
              <i class="nav-icon fas fa-tree"></i>
A
Abdullah Almsaeed 已提交
297 298
              <p>
                UI Elements
299
                <i class="fas fa-angle-left right"></i>
A
Abdullah Almsaeed 已提交
300
              </p>
A
Abdullah Almsaeed 已提交
301 302 303
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
304
                <a href="pages/UI/general.html" class="nav-link">
305
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
306 307
                  <p>General</p>
                </a>
A
Abdullah Almsaeed 已提交
308 309
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
310
                <a href="pages/UI/icons.html" class="nav-link">
311
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
312 313
                  <p>Icons</p>
                </a>
A
Abdullah Almsaeed 已提交
314 315
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
316
                <a href="pages/UI/buttons.html" class="nav-link">
317
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
318 319
                  <p>Buttons</p>
                </a>
A
Abdullah Almsaeed 已提交
320 321
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
322
                <a href="pages/UI/sliders.html" class="nav-link">
323
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
324 325
                  <p>Sliders</p>
                </a>
A
Abdullah Almsaeed 已提交
326
              </li>
R
REJack 已提交
327 328
              <li class="nav-item">
                <a href="pages/UI/modals.html" class="nav-link">
329
                  <i class="far fa-circle nav-icon"></i>
330
                  <p>Modals & Alerts</p>
R
REJack 已提交
331 332
                </a>
              </li>
R
REJack 已提交
333 334 335 336 337 338
              <li class="nav-item">
                <a href="pages/UI/navbar.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>Navbar & Tabs</p>
                </a>
              </li>
A
Abdullah Almsaeed 已提交
339 340 341 342
            </ul>
          </li>
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
343
              <i class="nav-icon fas fa-edit"></i>
A
Abdullah Almsaeed 已提交
344 345
              <p>
                Forms
346
                <i class="fas fa-angle-left right"></i>
A
Abdullah Almsaeed 已提交
347
              </p>
A
Abdullah Almsaeed 已提交
348 349 350
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
351
                <a href="pages/forms/general.html" class="nav-link">
352
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
353 354
                  <p>General Elements</p>
                </a>
A
Abdullah Almsaeed 已提交
355 356
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
357
                <a href="pages/forms/advanced.html" class="nav-link">
358
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
359 360
                  <p>Advanced Elements</p>
                </a>
A
Abdullah Almsaeed 已提交
361 362
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
363
                <a href="pages/forms/editors.html" class="nav-link">
364
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
365 366
                  <p>Editors</p>
                </a>
A
Abdullah Almsaeed 已提交
367 368 369 370 371
              </li>
            </ul>
          </li>
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
372
              <i class="nav-icon fas fa-table"></i>
A
Abdullah Almsaeed 已提交
373 374
              <p>
                Tables
375
                <i class="fas fa-angle-left right"></i>
A
Abdullah Almsaeed 已提交
376
              </p>
A
Abdullah Almsaeed 已提交
377 378 379
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
380
                <a href="pages/tables/simple.html" class="nav-link">
381
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
382 383
                  <p>Simple Tables</p>
                </a>
A
Abdullah Almsaeed 已提交
384 385
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
386
                <a href="pages/tables/data.html" class="nav-link">
387
                  <i class="far fa-circle nav-icon"></i>
R
REJack 已提交
388 389 390 391 392 393 394
                  <p>DataTables</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/tables/jsgrid.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>jsGrid</p>
A
Abdullah Almsaeed 已提交
395
                </a>
A
Abdullah Almsaeed 已提交
396 397 398 399 400
              </li>
            </ul>
          </li>
          <li class="nav-header">EXAMPLES</li>
          <li class="nav-item">
A
Abdullah Almsaeed 已提交
401
            <a href="pages/calendar.html" class="nav-link">
402
              <i class="nav-icon fas fa-calendar-alt"></i>
A
Abdullah Almsaeed 已提交
403 404 405 406
              <p>
                Calendar
                <span class="badge badge-info right">2</span>
              </p>
A
Abdullah Almsaeed 已提交
407 408 409 410
            </a>
          </li>
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
411
              <i class="nav-icon far fa-envelope"></i>
A
Abdullah Almsaeed 已提交
412 413
              <p>
                Mailbox
414
                <i class="fas fa-angle-left right"></i>
A
Abdullah Almsaeed 已提交
415
              </p>
A
Abdullah Almsaeed 已提交
416 417 418
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
419
                <a href="pages/mailbox/mailbox.html" class="nav-link">
420
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
421 422
                  <p>Inbox</p>
                </a>
A
Abdullah Almsaeed 已提交
423 424
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
425
                <a href="pages/mailbox/compose.html" class="nav-link">
426
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
427 428
                  <p>Compose</p>
                </a>
A
Abdullah Almsaeed 已提交
429 430
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
431
                <a href="pages/mailbox/read-mail.html" class="nav-link">
432
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
433 434
                  <p>Read</p>
                </a>
A
Abdullah Almsaeed 已提交
435 436 437 438 439
              </li>
            </ul>
          </li>
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
440
              <i class="nav-icon fas fa-book"></i>
A
Abdullah Almsaeed 已提交
441 442
              <p>
                Pages
443
                <i class="fas fa-angle-left right"></i>
A
Abdullah Almsaeed 已提交
444
              </p>
A
Abdullah Almsaeed 已提交
445 446 447
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
448
                <a href="pages/examples/invoice.html" class="nav-link">
449
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
450 451
                  <p>Invoice</p>
                </a>
A
Abdullah Almsaeed 已提交
452 453
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
454
                <a href="pages/examples/profile.html" class="nav-link">
455
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
456 457
                  <p>Profile</p>
                </a>
A
Abdullah Almsaeed 已提交
458
              </li>
R
REJack 已提交
459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494
              <li class="nav-item">
                <a href="pages/examples/e_commerce.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>E-commerce</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/examples/projects.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>Projects</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/examples/project_add.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>Project Add</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/examples/project_edit.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>Project Edit</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/examples/project_detail.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>Project Detail</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/examples/contacts.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>Contacts</p>
                </a>
              </li>
R
REJack 已提交
495 496 497 498 499 500 501 502 503 504 505
            </ul>
          </li>
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
              <i class="nav-icon far fa-plus-square"></i>
              <p>
                Extras
                <i class="fas fa-angle-left right"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
A
Abdullah Almsaeed 已提交
506
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
507
                <a href="pages/examples/login.html" class="nav-link">
508
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
509 510
                  <p>Login</p>
                </a>
A
Abdullah Almsaeed 已提交
511 512
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
513
                <a href="pages/examples/register.html" class="nav-link">
514
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
515 516
                  <p>Register</p>
                </a>
A
Abdullah Almsaeed 已提交
517 518
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
519
                <a href="pages/examples/lockscreen.html" class="nav-link">
520
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
521 522
                  <p>Lockscreen</p>
                </a>
A
Abdullah Almsaeed 已提交
523
              </li>
R
REJack 已提交
524 525 526 527 528 529
              <li class="nav-item">
                <a href="pages/examples/legacy-user-menu.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>Legacy User Menu</p>
                </a>
              </li>
R
REJack 已提交
530 531 532 533 534 535
              <li class="nav-item">
                <a href="pages/examples/language-menu.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>Language Menu</p>
                </a>
              </li>
A
Abdullah Almsaeed 已提交
536
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
537
                <a href="pages/examples/404.html" class="nav-link">
538
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
539 540
                  <p>Error 404</p>
                </a>
A
Abdullah Almsaeed 已提交
541 542
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
543
                <a href="pages/examples/500.html" class="nav-link">
544
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
545 546
                  <p>Error 500</p>
                </a>
A
Abdullah Almsaeed 已提交
547 548
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
549
                <a href="pages/examples/blank.html" class="nav-link">
550
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
551 552
                  <p>Blank Page</p>
                </a>
A
Abdullah Almsaeed 已提交
553 554
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
555
                <a href="starter.html" class="nav-link">
556
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
557 558
                  <p>Starter Page</p>
                </a>
A
Abdullah Almsaeed 已提交
559 560 561 562 563
              </li>
            </ul>
          </li>
          <li class="nav-header">MISCELLANEOUS</li>
          <li class="nav-item">
A
Abdullah Almsaeed 已提交
564
            <a href="https://adminlte.io/docs" class="nav-link">
565
              <i class="nav-icon fas fa-file"></i>
A
Abdullah Almsaeed 已提交
566
              <p>Documentation</p>
A
Abdullah Almsaeed 已提交
567 568 569 570
            </a>
          </li>
          <li class="nav-header">LABELS</li>
          <li class="nav-item">
A
Abdullah Almsaeed 已提交
571
            <a href="#" class="nav-link">
572
              <i class="nav-icon far fa-circle text-danger"></i>
A
Abdullah Almsaeed 已提交
573 574
              <p class="text">Important</p>
            </a>
A
Abdullah Almsaeed 已提交
575 576
          </li>
          <li class="nav-item">
A
Abdullah Almsaeed 已提交
577
            <a href="#" class="nav-link">
578
              <i class="nav-icon far fa-circle text-warning"></i>
A
Abdullah Almsaeed 已提交
579 580
              <p>Warning</p>
            </a>
A
Abdullah Almsaeed 已提交
581 582
          </li>
          <li class="nav-item">
A
Abdullah Almsaeed 已提交
583
            <a href="#" class="nav-link">
584
              <i class="nav-icon far fa-circle text-info"></i>
A
Abdullah Almsaeed 已提交
585 586
              <p>Informational</p>
            </a>
A
Abdullah Almsaeed 已提交
587 588 589 590 591 592 593 594 595 596 597
          </li>
        </ul>
      </nav>
      <!-- /.sidebar-menu -->
    </div>
    <!-- /.sidebar -->
  </aside>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
A
Abdullah Almsaeed 已提交
598 599 600 601 602 603 604 605 606 607 608 609 610 611
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark">Dashboard v3</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Dashboard v3</li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
A
Abdullah Almsaeed 已提交
612 613 614 615
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
A
Abdullah Almsaeed 已提交
616 617 618 619 620
    <div class="content">
      <div class="container-fluid">
        <div class="row">
          <div class="col-lg-6">
            <div class="card">
621
              <div class="card-header border-0">
A
Abdullah Almsaeed 已提交
622 623 624 625 626 627 628 629 630 631 632 633 634
                <div class="d-flex justify-content-between">
                  <h3 class="card-title">Online Store Visitors</h3>
                  <a href="javascript:void(0);">View Report</a>
                </div>
              </div>
              <div class="card-body">
                <div class="d-flex">
                  <p class="d-flex flex-column">
                    <span class="text-bold text-lg">820</span>
                    <span>Visitors Over Time</span>
                  </p>
                  <p class="ml-auto d-flex flex-column text-right">
                    <span class="text-success">
635
                      <i class="fas fa-arrow-up"></i> 12.5%
A
Abdullah Almsaeed 已提交
636 637 638 639 640
                    </span>
                    <span class="text-muted">Since last week</span>
                  </p>
                </div>
                <!-- /.d-flex -->
A
Abdullah Almsaeed 已提交
641

A
Abdullah Almsaeed 已提交
642 643 644
                <div class="position-relative mb-4">
                  <canvas id="visitors-chart" height="200"></canvas>
                </div>
A
Abdullah Almsaeed 已提交
645

A
Abdullah Almsaeed 已提交
646 647
                <div class="d-flex flex-row justify-content-end">
                  <span class="mr-2">
648
                    <i class="fas fa-square text-primary"></i> This Week
A
Abdullah Almsaeed 已提交
649
                  </span>
A
Abdullah Almsaeed 已提交
650

A
Abdullah Almsaeed 已提交
651
                  <span>
652
                    <i class="fas fa-square text-gray"></i> Last Week
A
Abdullah Almsaeed 已提交
653 654 655
                  </span>
                </div>
              </div>
A
Abdullah Almsaeed 已提交
656
            </div>
A
Abdullah Almsaeed 已提交
657
            <!-- /.card -->
A
Abdullah Almsaeed 已提交
658

A
Abdullah Almsaeed 已提交
659
            <div class="card">
660
              <div class="card-header border-0">
A
Abdullah Almsaeed 已提交
661 662 663
                <h3 class="card-title">Products</h3>
                <div class="card-tools">
                  <a href="#" class="btn btn-tool btn-sm">
664
                    <i class="fas fa-download"></i>
A
Abdullah Almsaeed 已提交
665 666
                  </a>
                  <a href="#" class="btn btn-tool btn-sm">
667
                    <i class="fas fa-bars"></i>
A
Abdullah Almsaeed 已提交
668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689
                  </a>
                </div>
              </div>
              <div class="card-body p-0">
                <table class="table table-striped table-valign-middle">
                  <thead>
                  <tr>
                    <th>Product</th>
                    <th>Price</th>
                    <th>Sales</th>
                    <th>More</th>
                  </tr>
                  </thead>
                  <tbody>
                  <tr>
                    <td>
                      <img src="dist/img/default-150x150.png" alt="Product 1" class="img-circle img-size-32 mr-2">
                      Some Product
                    </td>
                    <td>$13 USD</td>
                    <td>
                      <small class="text-success mr-1">
690
                        <i class="fas fa-arrow-up"></i>
A
Abdullah Almsaeed 已提交
691 692 693 694 695 696
                        12%
                      </small>
                      12,000 Sold
                    </td>
                    <td>
                      <a href="#" class="text-muted">
697
                        <i class="fas fa-search"></i>
A
Abdullah Almsaeed 已提交
698 699 700 701 702 703 704 705 706 707 708
                      </a>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <img src="dist/img/default-150x150.png" alt="Product 1" class="img-circle img-size-32 mr-2">
                      Another Product
                    </td>
                    <td>$29 USD</td>
                    <td>
                      <small class="text-warning mr-1">
709
                        <i class="fas fa-arrow-down"></i>
A
Abdullah Almsaeed 已提交
710 711 712 713 714 715
                        0.5%
                      </small>
                      123,234 Sold
                    </td>
                    <td>
                      <a href="#" class="text-muted">
716
                        <i class="fas fa-search"></i>
A
Abdullah Almsaeed 已提交
717 718 719 720 721 722 723 724 725 726 727
                      </a>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <img src="dist/img/default-150x150.png" alt="Product 1" class="img-circle img-size-32 mr-2">
                      Amazing Product
                    </td>
                    <td>$1,230 USD</td>
                    <td>
                      <small class="text-danger mr-1">
728
                        <i class="fas fa-arrow-down"></i>
A
Abdullah Almsaeed 已提交
729 730 731 732 733 734
                        3%
                      </small>
                      198 Sold
                    </td>
                    <td>
                      <a href="#" class="text-muted">
735
                        <i class="fas fa-search"></i>
A
Abdullah Almsaeed 已提交
736 737 738 739 740 741 742 743 744 745 746 747
                      </a>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <img src="dist/img/default-150x150.png" alt="Product 1" class="img-circle img-size-32 mr-2">
                      Perfect Item
                      <span class="badge bg-danger">NEW</span>
                    </td>
                    <td>$199 USD</td>
                    <td>
                      <small class="text-success mr-1">
748
                        <i class="fas fa-arrow-up"></i>
A
Abdullah Almsaeed 已提交
749 750 751 752 753 754
                        63%
                      </small>
                      87 Sold
                    </td>
                    <td>
                      <a href="#" class="text-muted">
755
                        <i class="fas fa-search"></i>
A
Abdullah Almsaeed 已提交
756 757 758 759 760 761
                      </a>
                    </td>
                  </tr>
                  </tbody>
                </table>
              </div>
A
Abdullah Almsaeed 已提交
762
            </div>
A
Abdullah Almsaeed 已提交
763
            <!-- /.card -->
A
Abdullah Almsaeed 已提交
764
          </div>
A
Abdullah Almsaeed 已提交
765 766 767
          <!-- /.col-md-6 -->
          <div class="col-lg-6">
            <div class="card">
768
              <div class="card-header border-0">
A
Abdullah Almsaeed 已提交
769 770 771 772 773 774 775 776 777 778 779 780 781
                <div class="d-flex justify-content-between">
                  <h3 class="card-title">Sales</h3>
                  <a href="javascript:void(0);">View Report</a>
                </div>
              </div>
              <div class="card-body">
                <div class="d-flex">
                  <p class="d-flex flex-column">
                    <span class="text-bold text-lg">$18,230.00</span>
                    <span>Sales Over Time</span>
                  </p>
                  <p class="ml-auto d-flex flex-column text-right">
                    <span class="text-success">
782
                      <i class="fas fa-arrow-up"></i> 33.1%
A
Abdullah Almsaeed 已提交
783 784 785 786 787 788 789 790 791
                    </span>
                    <span class="text-muted">Since last month</span>
                  </p>
                </div>
                <!-- /.d-flex -->

                <div class="position-relative mb-4">
                  <canvas id="sales-chart" height="200"></canvas>
                </div>
A
Abdullah Almsaeed 已提交
792

A
Abdullah Almsaeed 已提交
793 794
                <div class="d-flex flex-row justify-content-end">
                  <span class="mr-2">
795
                    <i class="fas fa-square text-primary"></i> This year
A
Abdullah Almsaeed 已提交
796 797 798
                  </span>

                  <span>
799
                    <i class="fas fa-square text-gray"></i> Last year
A
Abdullah Almsaeed 已提交
800 801 802
                  </span>
                </div>
              </div>
A
Abdullah Almsaeed 已提交
803
            </div>
A
Abdullah Almsaeed 已提交
804
            <!-- /.card -->
A
Abdullah Almsaeed 已提交
805

A
Abdullah Almsaeed 已提交
806
            <div class="card">
807
              <div class="card-header border-0">
A
Abdullah Almsaeed 已提交
808 809 810
                <h3 class="card-title">Online Store Overview</h3>
                <div class="card-tools">
                  <a href="#" class="btn btn-sm btn-tool">
811
                    <i class="fas fa-download"></i>
A
Abdullah Almsaeed 已提交
812 813
                  </a>
                  <a href="#" class="btn btn-sm btn-tool">
814
                    <i class="fas fa-bars"></i>
A
Abdullah Almsaeed 已提交
815 816 817 818 819 820 821 822 823 824 825 826 827 828 829 830 831 832 833 834 835 836 837 838 839 840 841 842 843 844 845 846 847 848 849 850 851 852 853 854 855
                  </a>
                </div>
              </div>
              <div class="card-body">
                <div class="d-flex justify-content-between align-items-center border-bottom mb-3">
                  <p class="text-success text-xl">
                    <i class="ion ion-ios-refresh-empty"></i>
                  </p>
                  <p class="d-flex flex-column text-right">
                    <span class="font-weight-bold">
                      <i class="ion ion-android-arrow-up text-success"></i> 12%
                    </span>
                    <span class="text-muted">CONVERSION RATE</span>
                  </p>
                </div>
                <!-- /.d-flex -->
                <div class="d-flex justify-content-between align-items-center border-bottom mb-3">
                  <p class="text-warning text-xl">
                    <i class="ion ion-ios-cart-outline"></i>
                  </p>
                  <p class="d-flex flex-column text-right">
                    <span class="font-weight-bold">
                      <i class="ion ion-android-arrow-up text-warning"></i> 0.8%
                    </span>
                    <span class="text-muted">SALES RATE</span>
                  </p>
                </div>
                <!-- /.d-flex -->
                <div class="d-flex justify-content-between align-items-center mb-0">
                  <p class="text-danger text-xl">
                    <i class="ion ion-ios-people-outline"></i>
                  </p>
                  <p class="d-flex flex-column text-right">
                    <span class="font-weight-bold">
                      <i class="ion ion-android-arrow-down text-danger"></i> 1%
                    </span>
                    <span class="text-muted">REGISTRATION RATE</span>
                  </p>
                </div>
                <!-- /.d-flex -->
              </div>
A
Abdullah Almsaeed 已提交
856 857
            </div>
          </div>
A
Abdullah Almsaeed 已提交
858
          <!-- /.col-md-6 -->
A
Abdullah Almsaeed 已提交
859
        </div>
A
Abdullah Almsaeed 已提交
860
        <!-- /.row -->
A
Abdullah Almsaeed 已提交
861
      </div>
A
Abdullah Almsaeed 已提交
862
      <!-- /.container-fluid -->
A
Abdullah Almsaeed 已提交
863 864 865 866
    </div>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
A
Abdullah Almsaeed 已提交
867 868 869 870 871 872 873

  <!-- Control Sidebar -->
  <aside class="control-sidebar control-sidebar-dark">
    <!-- Control sidebar content goes here -->
  </aside>
  <!-- /.control-sidebar -->

A
Abdullah Almsaeed 已提交
874 875
  <!-- Main Footer -->
  <footer class="main-footer">
R
REJack 已提交
876
    <strong>Copyright &copy; 2014-2019 <a href="http://adminlte.io">AdminLTE.io</a>.</strong>
R
REJack 已提交
877 878
    All rights reserved.
    <div class="float-right d-none d-sm-inline-block">
R
REJack 已提交
879
      <b>Version</b> 3.0.0-beta.2
A
Abdullah Almsaeed 已提交
880 881 882 883 884 885 886 887
    </div>
  </footer>
</div>
<!-- ./wrapper -->

<!-- REQUIRED SCRIPTS -->

<!-- jQuery -->
A
Abdullah Almsaeed 已提交
888
<script src="plugins/jquery/jquery.min.js"></script>
A
Abdullah Almsaeed 已提交
889
<!-- Bootstrap -->
A
Abdullah Almsaeed 已提交
890
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
A
Abdullah Almsaeed 已提交
891
<!-- AdminLTE -->
A
Abdullah Almsaeed 已提交
892 893 894
<script src="dist/js/adminlte.js"></script>

<!-- OPTIONAL SCRIPTS -->
A
Abdullah Almsaeed 已提交
895
<script src="plugins/chart.js/Chart.min.js"></script>
A
Abdullah Almsaeed 已提交
896
<script src="dist/js/demo.js"></script>
A
Abdullah Almsaeed 已提交
897
<script src="dist/js/pages/dashboard3.js"></script>
A
Abdullah Almsaeed 已提交
898
</body>
A
Abdullah Almsaeed 已提交
899
</html>