index3.html 33.7 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">
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
              <li class="nav-item">
240
                <a href="pages/layout/fixed-sidebar.html" class="nav-link">
R
REJack 已提交
241
                  <i class="far fa-circle nav-icon"></i>
242
                  <p>Fixed Sidebar</p>
R
REJack 已提交
243 244 245 246 247 248 249 250 251 252 253 254 255 256
                </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>
339 340 341 342 343 344
              <li class="nav-item">
                <a href="pages/UI/timeline.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>Timeline</p>
                </a>
              </li>
A
Abdullah Almsaeed 已提交
345 346 347 348
            </ul>
          </li>
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
349
              <i class="nav-icon fas fa-edit"></i>
A
Abdullah Almsaeed 已提交
350 351
              <p>
                Forms
352
                <i class="fas fa-angle-left right"></i>
A
Abdullah Almsaeed 已提交
353
              </p>
A
Abdullah Almsaeed 已提交
354 355 356
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
357
                <a href="pages/forms/general.html" class="nav-link">
358
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
359 360
                  <p>General Elements</p>
                </a>
A
Abdullah Almsaeed 已提交
361 362
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
363
                <a href="pages/forms/advanced.html" class="nav-link">
364
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
365 366
                  <p>Advanced Elements</p>
                </a>
A
Abdullah Almsaeed 已提交
367 368
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
369
                <a href="pages/forms/editors.html" class="nav-link">
370
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
371 372
                  <p>Editors</p>
                </a>
A
Abdullah Almsaeed 已提交
373 374 375 376 377
              </li>
            </ul>
          </li>
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
378
              <i class="nav-icon fas fa-table"></i>
A
Abdullah Almsaeed 已提交
379 380
              <p>
                Tables
381
                <i class="fas fa-angle-left right"></i>
A
Abdullah Almsaeed 已提交
382
              </p>
A
Abdullah Almsaeed 已提交
383 384 385
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
386
                <a href="pages/tables/simple.html" class="nav-link">
387
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
388 389
                  <p>Simple Tables</p>
                </a>
A
Abdullah Almsaeed 已提交
390 391
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
392
                <a href="pages/tables/data.html" class="nav-link">
393
                  <i class="far fa-circle nav-icon"></i>
R
REJack 已提交
394 395 396 397 398 399 400
                  <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 已提交
401
                </a>
A
Abdullah Almsaeed 已提交
402 403 404 405 406
              </li>
            </ul>
          </li>
          <li class="nav-header">EXAMPLES</li>
          <li class="nav-item">
A
Abdullah Almsaeed 已提交
407
            <a href="pages/calendar.html" class="nav-link">
408
              <i class="nav-icon fas fa-calendar-alt"></i>
A
Abdullah Almsaeed 已提交
409 410 411 412
              <p>
                Calendar
                <span class="badge badge-info right">2</span>
              </p>
A
Abdullah Almsaeed 已提交
413 414 415 416
            </a>
          </li>
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
417
              <i class="nav-icon far fa-envelope"></i>
A
Abdullah Almsaeed 已提交
418 419
              <p>
                Mailbox
420
                <i class="fas fa-angle-left right"></i>
A
Abdullah Almsaeed 已提交
421
              </p>
A
Abdullah Almsaeed 已提交
422 423 424
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
425
                <a href="pages/mailbox/mailbox.html" class="nav-link">
426
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
427 428
                  <p>Inbox</p>
                </a>
A
Abdullah Almsaeed 已提交
429 430
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
431
                <a href="pages/mailbox/compose.html" class="nav-link">
432
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
433 434
                  <p>Compose</p>
                </a>
A
Abdullah Almsaeed 已提交
435 436
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
437
                <a href="pages/mailbox/read-mail.html" class="nav-link">
438
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
439 440
                  <p>Read</p>
                </a>
A
Abdullah Almsaeed 已提交
441 442 443 444 445
              </li>
            </ul>
          </li>
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
446
              <i class="nav-icon fas fa-book"></i>
A
Abdullah Almsaeed 已提交
447 448
              <p>
                Pages
449
                <i class="fas fa-angle-left right"></i>
A
Abdullah Almsaeed 已提交
450
              </p>
A
Abdullah Almsaeed 已提交
451 452 453
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
454
                <a href="pages/examples/invoice.html" class="nav-link">
455
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
456 457
                  <p>Invoice</p>
                </a>
A
Abdullah Almsaeed 已提交
458 459
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
460
                <a href="pages/examples/profile.html" class="nav-link">
461
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
462 463
                  <p>Profile</p>
                </a>
A
Abdullah Almsaeed 已提交
464
              </li>
R
REJack 已提交
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 495 496 497 498 499 500
              <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 已提交
501 502 503 504 505 506 507 508 509 510 511
            </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 已提交
512
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
513
                <a href="pages/examples/login.html" class="nav-link">
514
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
515 516
                  <p>Login</p>
                </a>
A
Abdullah Almsaeed 已提交
517 518
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
519
                <a href="pages/examples/register.html" class="nav-link">
520
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
521 522
                  <p>Register</p>
                </a>
A
Abdullah Almsaeed 已提交
523 524
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
525
                <a href="pages/examples/lockscreen.html" class="nav-link">
526
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
527 528
                  <p>Lockscreen</p>
                </a>
A
Abdullah Almsaeed 已提交
529
              </li>
R
REJack 已提交
530 531 532 533 534 535
              <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 已提交
536 537 538 539 540 541
              <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 已提交
542
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
543
                <a href="pages/examples/404.html" class="nav-link">
544
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
545 546
                  <p>Error 404</p>
                </a>
A
Abdullah Almsaeed 已提交
547 548
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
549
                <a href="pages/examples/500.html" class="nav-link">
550
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
551 552
                  <p>Error 500</p>
                </a>
A
Abdullah Almsaeed 已提交
553 554
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
555
                <a href="pages/examples/blank.html" class="nav-link">
556
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
557 558
                  <p>Blank Page</p>
                </a>
A
Abdullah Almsaeed 已提交
559 560
              </li>
              <li class="nav-item">
A
Abdullah Almsaeed 已提交
561
                <a href="starter.html" class="nav-link">
562
                  <i class="far fa-circle nav-icon"></i>
A
Abdullah Almsaeed 已提交
563 564
                  <p>Starter Page</p>
                </a>
A
Abdullah Almsaeed 已提交
565 566 567 568 569
              </li>
            </ul>
          </li>
          <li class="nav-header">MISCELLANEOUS</li>
          <li class="nav-item">
R
REJack 已提交
570
            <a href="https://adminlte.io/docs/3.0" class="nav-link">
571
              <i class="nav-icon fas fa-file"></i>
A
Abdullah Almsaeed 已提交
572
              <p>Documentation</p>
A
Abdullah Almsaeed 已提交
573 574 575 576
            </a>
          </li>
          <li class="nav-header">LABELS</li>
          <li class="nav-item">
A
Abdullah Almsaeed 已提交
577
            <a href="#" class="nav-link">
578
              <i class="nav-icon far fa-circle text-danger"></i>
A
Abdullah Almsaeed 已提交
579 580
              <p class="text">Important</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-warning"></i>
A
Abdullah Almsaeed 已提交
585 586
              <p>Warning</p>
            </a>
A
Abdullah Almsaeed 已提交
587 588
          </li>
          <li class="nav-item">
A
Abdullah Almsaeed 已提交
589
            <a href="#" class="nav-link">
590
              <i class="nav-icon far fa-circle text-info"></i>
A
Abdullah Almsaeed 已提交
591 592
              <p>Informational</p>
            </a>
A
Abdullah Almsaeed 已提交
593 594 595 596 597 598 599 600 601 602 603
          </li>
        </ul>
      </nav>
      <!-- /.sidebar-menu -->
    </div>
    <!-- /.sidebar -->
  </aside>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
A
Abdullah Almsaeed 已提交
604 605 606 607 608 609 610 611 612 613 614 615 616 617
    <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 已提交
618 619 620 621
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
A
Abdullah Almsaeed 已提交
622 623 624 625 626
    <div class="content">
      <div class="container-fluid">
        <div class="row">
          <div class="col-lg-6">
            <div class="card">
627
              <div class="card-header border-0">
A
Abdullah Almsaeed 已提交
628 629 630 631 632 633 634 635 636 637 638 639 640
                <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">
641
                      <i class="fas fa-arrow-up"></i> 12.5%
A
Abdullah Almsaeed 已提交
642 643 644 645 646
                    </span>
                    <span class="text-muted">Since last week</span>
                  </p>
                </div>
                <!-- /.d-flex -->
A
Abdullah Almsaeed 已提交
647

A
Abdullah Almsaeed 已提交
648 649 650
                <div class="position-relative mb-4">
                  <canvas id="visitors-chart" height="200"></canvas>
                </div>
A
Abdullah Almsaeed 已提交
651

A
Abdullah Almsaeed 已提交
652 653
                <div class="d-flex flex-row justify-content-end">
                  <span class="mr-2">
654
                    <i class="fas fa-square text-primary"></i> This Week
A
Abdullah Almsaeed 已提交
655
                  </span>
A
Abdullah Almsaeed 已提交
656

A
Abdullah Almsaeed 已提交
657
                  <span>
658
                    <i class="fas fa-square text-gray"></i> Last Week
A
Abdullah Almsaeed 已提交
659 660 661
                  </span>
                </div>
              </div>
A
Abdullah Almsaeed 已提交
662
            </div>
A
Abdullah Almsaeed 已提交
663
            <!-- /.card -->
A
Abdullah Almsaeed 已提交
664

A
Abdullah Almsaeed 已提交
665
            <div class="card">
666
              <div class="card-header border-0">
A
Abdullah Almsaeed 已提交
667 668 669
                <h3 class="card-title">Products</h3>
                <div class="card-tools">
                  <a href="#" class="btn btn-tool btn-sm">
670
                    <i class="fas fa-download"></i>
A
Abdullah Almsaeed 已提交
671 672
                  </a>
                  <a href="#" class="btn btn-tool btn-sm">
673
                    <i class="fas fa-bars"></i>
A
Abdullah Almsaeed 已提交
674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695
                  </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">
696
                        <i class="fas fa-arrow-up"></i>
A
Abdullah Almsaeed 已提交
697 698 699 700 701 702
                        12%
                      </small>
                      12,000 Sold
                    </td>
                    <td>
                      <a href="#" class="text-muted">
703
                        <i class="fas fa-search"></i>
A
Abdullah Almsaeed 已提交
704 705 706 707 708 709 710 711 712 713 714
                      </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">
715
                        <i class="fas fa-arrow-down"></i>
A
Abdullah Almsaeed 已提交
716 717 718 719 720 721
                        0.5%
                      </small>
                      123,234 Sold
                    </td>
                    <td>
                      <a href="#" class="text-muted">
722
                        <i class="fas fa-search"></i>
A
Abdullah Almsaeed 已提交
723 724 725 726 727 728 729 730 731 732 733
                      </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">
734
                        <i class="fas fa-arrow-down"></i>
A
Abdullah Almsaeed 已提交
735 736 737 738 739 740
                        3%
                      </small>
                      198 Sold
                    </td>
                    <td>
                      <a href="#" class="text-muted">
741
                        <i class="fas fa-search"></i>
A
Abdullah Almsaeed 已提交
742 743 744 745 746 747 748 749 750 751 752 753
                      </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">
754
                        <i class="fas fa-arrow-up"></i>
A
Abdullah Almsaeed 已提交
755 756 757 758 759 760
                        63%
                      </small>
                      87 Sold
                    </td>
                    <td>
                      <a href="#" class="text-muted">
761
                        <i class="fas fa-search"></i>
A
Abdullah Almsaeed 已提交
762 763 764 765 766 767
                      </a>
                    </td>
                  </tr>
                  </tbody>
                </table>
              </div>
A
Abdullah Almsaeed 已提交
768
            </div>
A
Abdullah Almsaeed 已提交
769
            <!-- /.card -->
A
Abdullah Almsaeed 已提交
770
          </div>
A
Abdullah Almsaeed 已提交
771 772 773
          <!-- /.col-md-6 -->
          <div class="col-lg-6">
            <div class="card">
774
              <div class="card-header border-0">
A
Abdullah Almsaeed 已提交
775 776 777 778 779 780 781 782 783 784 785 786 787
                <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">
788
                      <i class="fas fa-arrow-up"></i> 33.1%
A
Abdullah Almsaeed 已提交
789 790 791 792 793 794 795 796 797
                    </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 已提交
798

A
Abdullah Almsaeed 已提交
799 800
                <div class="d-flex flex-row justify-content-end">
                  <span class="mr-2">
801
                    <i class="fas fa-square text-primary"></i> This year
A
Abdullah Almsaeed 已提交
802 803 804
                  </span>

                  <span>
805
                    <i class="fas fa-square text-gray"></i> Last year
A
Abdullah Almsaeed 已提交
806 807 808
                  </span>
                </div>
              </div>
A
Abdullah Almsaeed 已提交
809
            </div>
A
Abdullah Almsaeed 已提交
810
            <!-- /.card -->
A
Abdullah Almsaeed 已提交
811

A
Abdullah Almsaeed 已提交
812
            <div class="card">
813
              <div class="card-header border-0">
A
Abdullah Almsaeed 已提交
814 815 816
                <h3 class="card-title">Online Store Overview</h3>
                <div class="card-tools">
                  <a href="#" class="btn btn-sm btn-tool">
817
                    <i class="fas fa-download"></i>
A
Abdullah Almsaeed 已提交
818 819
                  </a>
                  <a href="#" class="btn btn-sm btn-tool">
820
                    <i class="fas fa-bars"></i>
A
Abdullah Almsaeed 已提交
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 856 857 858 859 860 861
                  </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 已提交
862 863
            </div>
          </div>
A
Abdullah Almsaeed 已提交
864
          <!-- /.col-md-6 -->
A
Abdullah Almsaeed 已提交
865
        </div>
A
Abdullah Almsaeed 已提交
866
        <!-- /.row -->
A
Abdullah Almsaeed 已提交
867
      </div>
A
Abdullah Almsaeed 已提交
868
      <!-- /.container-fluid -->
A
Abdullah Almsaeed 已提交
869 870 871 872
    </div>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
A
Abdullah Almsaeed 已提交
873 874 875 876 877 878 879

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

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

<!-- REQUIRED SCRIPTS -->

<!-- jQuery -->
A
Abdullah Almsaeed 已提交
894
<script src="plugins/jquery/jquery.min.js"></script>
A
Abdullah Almsaeed 已提交
895
<!-- Bootstrap -->
A
Abdullah Almsaeed 已提交
896
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
A
Abdullah Almsaeed 已提交
897
<!-- AdminLTE -->
A
Abdullah Almsaeed 已提交
898 899 900
<script src="dist/js/adminlte.js"></script>

<!-- OPTIONAL SCRIPTS -->
A
Abdullah Almsaeed 已提交
901
<script src="plugins/chart.js/Chart.min.js"></script>
A
Abdullah Almsaeed 已提交
902
<script src="dist/js/demo.js"></script>
A
Abdullah Almsaeed 已提交
903
<script src="dist/js/pages/dashboard3.js"></script>
A
Abdullah Almsaeed 已提交
904
</body>
A
Abdullah Almsaeed 已提交
905
</html>