Skip to content

A
AdminLTE

知鸟1号 / AdminLTE
与 Fork 源项目一致

从无法访问的项目Fork

通知 1
Star 0
Fork 0
A
AdminLTE

体验新版 GitCode，发现更多精彩内容 >>

切换分支/标签
查找文件 普通视图历史永久链接Permalink
index.html 51.5 KB
Newer Older
A
Uploaded  
Abdullah Almsaeed 已提交
1 2 
<!DOCTYPE html>
<html>
A
Reformat code  
Abdullah Almsaeed 已提交
3 4 5 
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
A
Update adminlte version  
Abdullah Almsaeed 已提交
6 
  <title>AdminLTE 3 | Dashboard</title>
A
Reformat code  
Abdullah Almsaeed 已提交
7 
  <!-- Tell the browser to be responsive to screen width -->
A
Dev release  
Abdullah Almsaeed 已提交
8 
  <meta name="viewport" content="width=device-width, initial-scale=1">
A
Reformat code  
Abdullah Almsaeed 已提交
9 
  <!-- Font Awesome -->
A
Add webpack  
Abdullah Almsaeed 已提交
10 
  <link rel="stylesheet" href="plugins/font-awesome/css/font-awesome.min.css">
A
Reformat code  
Abdullah Almsaeed 已提交
11 12 13 
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  <!-- Theme style -->
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
14 
  <link rel="stylesheet" href="dist/css/adminlte.min.css">
A
Reformat code  
Abdullah Almsaeed 已提交
15 16 17 18 19 20 21 22 23 24 25 26 
  <!-- iCheck -->
  <link rel="stylesheet" href="plugins/iCheck/flat/blue.css">
  <!-- Morris chart -->
  <link rel="stylesheet" href="plugins/morris/morris.css">
  <!-- jvectormap -->
  <link rel="stylesheet" href="plugins/jvectormap/jquery-jvectormap-1.2.2.css">
  <!-- Date Picker -->
  <link rel="stylesheet" href="plugins/datepicker/datepicker3.css">
  <!-- Daterange picker -->
  <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker-bs3.css">
  <!-- bootstrap wysihtml5 - text editor -->
  <link rel="stylesheet" href="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
A
Dev release  
Abdullah Almsaeed 已提交
27 28 
  <!-- Google Font: Source Sans Pro -->
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
A
Reformat code  
Abdullah Almsaeed 已提交
29 
</head>
A
Dev release  
Abdullah Almsaeed 已提交
30 
<body class="hold-transition sidebar-mini">
A
Reformat code  
Abdullah Almsaeed 已提交
31 32 
<div class="wrapper">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
33 
  <!-- Navbar -->
A
Dev release  
Abdullah Almsaeed 已提交
34 
  <nav class="main-header navbar navbar-expand bg-white navbar-light border-bottom">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
35 
    <!-- Left navbar links -->
A
Dev release  
Abdullah Almsaeed 已提交
36 
    <ul class="navbar-nav">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
37 38 39 
      <li class="nav-item">
        <a class="nav-link" data-widget="pushmenu" href="#"><i class="fa fa-bars"></i></a>
      </li>
A
Dev release  
Abdullah Almsaeed 已提交
40 41 42 43 44 45 
      <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
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
46 47 
    </ul>
A
Dev release  
Abdullah Almsaeed 已提交
48 49 50 51 52 53 54 55 56 57 58 
    <!-- 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">
            <i class="fa fa-search"></i>
          </button>
        </div>
      </div>
    </form>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
59 60 

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

  <!-- Main Sidebar Container -->
A
Dev release  
Abdullah Almsaeed 已提交
156 157 158 159 160 161 162 163 
  <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
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
164 
    <!-- Sidebar -->
A
Dev release  
Abdullah Almsaeed 已提交
165 
    <div class="sidebar font-weight-light">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
166 
      <!-- Sidebar user panel (optional) -->
A
Dev release  
Abdullah Almsaeed 已提交
167 
      <div class="user-panel mt-3 pb-3 mb-3 d-flex">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
168 
        <div class="image">
A
Dev release  
Abdullah Almsaeed 已提交
169 
          <img src="dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
170 171 
        </div>
        <div class="info">
A
Dev release  
Abdullah Almsaeed 已提交
172 
          <a href="#" class="d-block">Alexander Pierce</a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
173 174 175 176 
        </div>
      </div>

      <!-- Sidebar Menu -->
A
Dev release  
Abdullah Almsaeed 已提交
177 178 179 180 
      <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
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
181 182 
          <li class="nav-item has-treeview menu-open">
            <a href="#" class="nav-link active">
A
Dev release  
Abdullah Almsaeed 已提交
183 184 185 186 187 
              <i class="nav-icon fa fa-dashboard"></i>
              <p>
                Dashboard
                <i class="right fa fa-angle-left"></i>
              </p>
A
Reformat code  
Abdullah Almsaeed 已提交
188 
            </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
189 190 
            <ul class="nav nav-treeview">
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
191 192 193 194 
                <a href="./index.html" class="nav-link active">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>Dashboard v1</p>
                </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
195 196 
              </li>
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
197 198 199 200 
                <a href="./index2.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>Dashboard v2</p>
                </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
201 202 
              </li>
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
203 204 205 206 
                <a href="./index3.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>Dashboard v3</p>
                </a>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
207 
              </li>
A
Reformat code  
Abdullah Almsaeed 已提交
208 209 
            </ul>
          </li>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
210 
          <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
211 212 213 214 215 216 
            <a href="pages/widgets.html" class="nav-link">
              <i class="nav-icon fa fa-th"></i>
              <p>
                Widgets
                <span class="right badge badge-danger">New</span>
              </p>
A
Reformat code  
Abdullah Almsaeed 已提交
217 
            </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
218 219 220 
          </li>
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
A
Dev release  
Abdullah Almsaeed 已提交
221 222 223 224 225 
              <i class="nav-icon fa fa-pie-chart"></i>
              <p>
                Charts
                <i class="right fa fa-angle-left"></i>
              </p>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
226 227 228 
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
229 230 231 232 
                <a href="pages/charts/chartjs.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>ChartJS</p>
                </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
233 234 
              </li>
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
235 236 237 238 
                <a href="pages/charts/flot.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>Flot</p>
                </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
239 240 
              </li>
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
241 242 243 244 
                <a href="pages/charts/inline.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>Inline</p>
                </a>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
245 
              </li>
A
Reformat code  
Abdullah Almsaeed 已提交
246 247 
            </ul>
          </li>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
248 249 
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
A
Dev release  
Abdullah Almsaeed 已提交
250 251 252 253 254 
              <i class="nav-icon fa fa-tree"></i>
              <p>
                UI Elements
                <i class="fa fa-angle-left right"></i>
              </p>
A
Reformat code  
Abdullah Almsaeed 已提交
255 
            </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
256 257 
            <ul class="nav nav-treeview">
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
258 259 260 261 
                <a href="pages/UI/general.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>General</p>
                </a>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
262 
              </li>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
263 
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
264 265 266 267 
                <a href="pages/UI/icons.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>Icons</p>
                </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
268 269 
              </li>
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
270 271 272 273 
                <a href="pages/UI/buttons.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>Buttons</p>
                </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
274 275 
              </li>
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
276 277 278 279 
                <a href="pages/UI/sliders.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>Sliders</p>
                </a>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
280 
              </li>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
281 
            </ul>
A
Reformat code  
Abdullah Almsaeed 已提交
282 
          </li>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
283 284 
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
A
Dev release  
Abdullah Almsaeed 已提交
285 286 287 288 289 
              <i class="nav-icon fa fa-edit"></i>
              <p>
                Forms
                <i class="fa fa-angle-left right"></i>
              </p>
A
Reformat code  
Abdullah Almsaeed 已提交
290 
            </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
291 292 
            <ul class="nav nav-treeview">
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
293 294 295 296 
                <a href="pages/forms/general.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>General Elements</p>
                </a>
A
Reformat code  
Abdullah Almsaeed 已提交
297 
              </li>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
298 
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
299 300 301 302 
                <a href="pages/forms/advanced.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>Advanced Elements</p>
                </a>
A
Reformat code  
Abdullah Almsaeed 已提交
303 
              </li>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
304 
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
305 306 307 308 
                <a href="pages/forms/editors.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>Editors</p>
                </a>
A
Reformat code  
Abdullah Almsaeed 已提交
309 310 311 
              </li>
            </ul>
          </li>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
312 313 
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
A
Dev release  
Abdullah Almsaeed 已提交
314 315 316 317 318 
              <i class="nav-icon fa fa-table"></i>
              <p>
                Tables
                <i class="fa fa-angle-left right"></i>
              </p>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
319 320 321 
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
322 323 324 325 
                <a href="pages/tables/simple.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>Simple Tables</p>
                </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
326 327 
              </li>
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
328 329 330 331 
                <a href="pages/tables/data.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>Data Tables</p>
                </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
332 333 334 
              </li>
            </ul>
          </li>
A
Dev release  
Abdullah Almsaeed 已提交
335 
          <li class="nav-header">EXAMPLES</li>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
336 
          <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
337 338 339 340 341 342 
            <a href="pages/calendar.html" class="nav-link">
              <i class="nav-icon fa fa-calendar"></i>
              <p>
                Calendar
                <span class="badge badge-info right">2</span>
              </p>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
343 344 345 346 
            </a>
          </li>
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
A
Dev release  
Abdullah Almsaeed 已提交
347 348 349 350 351 
              <i class="nav-icon fa fa-envelope-o"></i>
              <p>
                Mailbox
                <i class="fa fa-angle-left right"></i>
              </p>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
352 353 354 
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
355 356 357 358 
                <a href="pages/mailbox/mailbox.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>Inbox</p>
                </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
359 360 
              </li>
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
361 362 363 364 
                <a href="pages/mailbox/compose.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>Compose</p>
                </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
365 366 
              </li>
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
367 368 369 370 
                <a href="pages/mailbox/read-mail.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>Read</p>
                </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
371 372 373 374 375 
              </li>
            </ul>
          </li>
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
A
Dev release  
Abdullah Almsaeed 已提交
376 377 378 379 380 
              <i class="nav-icon fa fa-book"></i>
              <p>
                Pages
                <i class="fa fa-angle-left right"></i>
              </p>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
381 382 383 
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
384 385 386 387 
                <a href="pages/examples/invoice.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>Invoice</p>
                </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
388 389 
              </li>
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
390 391 392 393 
                <a href="pages/examples/profile.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>Profile</p>
                </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
394 395 
              </li>
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
396 397 398 399 
                <a href="pages/examples/login.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>Login</p>
                </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
400 401 
              </li>
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
402 403 404 405 
                <a href="pages/examples/register.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>Register</p>
                </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
406 407 
              </li>
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
408 409 410 411 
                <a href="pages/examples/lockscreen.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>Lockscreen</p>
                </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
412 413 414 415 416 
              </li>
            </ul>
          </li>
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
A
Dev release  
Abdullah Almsaeed 已提交
417 418 419 420 421 
              <i class="nav-icon fa fa-plus-square-o"></i>
              <p>
                Extras
                <i class="fa fa-angle-left right"></i>
              </p>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
422 423 424 
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
425 426 427 428 
                <a href="pages/examples/404.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>Error 404</p>
                </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
429 430 
              </li>
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
431 432 433 434 
                <a href="pages/examples/500.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>Error 500</p>
                </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
435 436 
              </li>
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
437 438 439 440 
                <a href="pages/examples/blank.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>Blank Page</p>
                </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
441 442 
              </li>
              <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
443 444 445 446 
                <a href="starter.html" class="nav-link">
                  <i class="fa fa-circle-o nav-icon"></i>
                  <p>Starter Page</p>
                </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
447 448 449 
              </li>
            </ul>
          </li>
A
Dev release  
Abdullah Almsaeed 已提交
450 451 452 453 454 
          <li class="nav-header">MISCELLANEOUS</li>
          <li class="nav-item">
            <a href="https://adminlte.io/docs" class="nav-link">
              <i class="nav-icon fa fa-file"></i>
              <p>Documentation</p>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
455 456 
            </a>
          </li>
A
Dev release  
Abdullah Almsaeed 已提交
457 
          <li class="nav-header">LABELS</li>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
458 459 
          <li class="nav-item">
            <a href="#" class="nav-link">
A
Dev release  
Abdullah Almsaeed 已提交
460 461 
              <i class="nav-icon fa fa-circle-o text-danger"></i>
              <p class="text">Important</p>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
462 463 464 
            </a>
          </li>
          <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
465 466 467 468 
            <a href="#" class="nav-link">
              <i class="nav-icon fa fa-circle-o text-warning"></i>
              <p>Warning</p>
            </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
469 470 
          </li>
          <li class="nav-item">
A
Dev release  
Abdullah Almsaeed 已提交
471 472 473 474 
            <a href="#" class="nav-link">
              <i class="nav-icon fa fa-circle-o text-info"></i>
              <p>Informational</p>
            </a>
A
Reformat code  
Abdullah Almsaeed 已提交
475 476 
          </li>
        </ul>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
477 478 479 
      </nav>
      <!-- /.sidebar-menu -->
    </div>
A
Reformat code  
Abdullah Almsaeed 已提交
480 481 
    <!-- /.sidebar -->
  </aside>
A
Redesign  
Abdullah Almsaeed 已提交
482
A
Reformat code  
Abdullah Almsaeed 已提交
483 484 485 
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
A
Dev release  
Abdullah Almsaeed 已提交
486 487 488 489 490 491 492 493 494 495 496 497 498 499 
    <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</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 v2</li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
500 501 
    </div>
    <!-- /.content-header -->
A
Reformat code  
Abdullah Almsaeed 已提交
502 503 504 

    <!-- Main content -->
    <section class="content">
A
Dev release  
Abdullah Almsaeed 已提交
505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 
      <div class="container-fluid">
        <!-- Small boxes (Stat box) -->
        <div class="row">
          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-info">
              <div class="inner">
                <h3>150</h3>

                <p>New Orders</p>
              </div>
              <div class="icon">
                <i class="ion ion-bag"></i>
              </div>
              <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
A
Reformat code  
Abdullah Almsaeed 已提交
520 521 
            </div>
          </div>
A
Dev release  
Abdullah Almsaeed 已提交
522 523 524 525 526 527 528 529 530 531 532 533 534 
          <!-- ./col -->
          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-success">
              <div class="inner">
                <h3>53<sup style="font-size: 20px">%</sup></h3>

                <p>Bounce Rate</p>
              </div>
              <div class="icon">
                <i class="ion ion-stats-bars"></i>
              </div>
              <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
A
Reformat code  
Abdullah Almsaeed 已提交
535 536 
            </div>
          </div>
A
Dev release  
Abdullah Almsaeed 已提交
537 538 539 540 541 542 543 544 545 546 547 548 549 
          <!-- ./col -->
          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-warning">
              <div class="inner">
                <h3>44</h3>

                <p>User Registrations</p>
              </div>
              <div class="icon">
                <i class="ion ion-person-add"></i>
              </div>
              <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
A
Reformat code  
Abdullah Almsaeed 已提交
550 551 
            </div>
          </div>
A
Dev release  
Abdullah Almsaeed 已提交
552 553 554 555 556 557 558 559 560 561 562 563 564 
          <!-- ./col -->
          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-danger">
              <div class="inner">
                <h3>65</h3>

                <p>Unique Visitors</p>
              </div>
              <div class="icon">
                <i class="ion ion-pie-graph"></i>
              </div>
              <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
A
Reformat code  
Abdullah Almsaeed 已提交
565 566 
            </div>
          </div>
A
Dev release  
Abdullah Almsaeed 已提交
567 
          <!-- ./col -->
A
Reformat code  
Abdullah Almsaeed 已提交
568 
        </div>
A
Dev release  
Abdullah Almsaeed 已提交
569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 
        <!-- /.row -->
        <!-- Main row -->
        <div class="row">
          <!-- Left col -->
          <section class="col-lg-7 connectedSortable">
            <!-- Custom tabs (Charts with tabs)-->
            <div class="card">
              <div class="card-header d-flex p-0">
                <h3 class="card-title p-3">
                  <i class="fa fa-pie-chart mr-1"></i>
                  Sales
                </h3>
                <ul class="nav nav-pills ml-auto p-2">
                  <li class="nav-item">
                    <a class="nav-link active" href="#revenue-chart" data-toggle="tab">Area</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#sales-chart" data-toggle="tab">Donut</a>
                  </li>
                </ul>
              </div><!-- /.card-header -->
              <div class="card-body">
                <div class="tab-content p-0">
                  <!-- Morris chart - Sales -->
                  <div class="chart tab-pane active" id="revenue-chart"
                       style="position: relative; height: 300px;"></div>
                  <div class="chart tab-pane" id="sales-chart" style="position: relative; height: 300px;"></div>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
596 
                </div>
A
Dev release  
Abdullah Almsaeed 已提交
597 
              </div><!-- /.card-body -->
A
Reformat code  
Abdullah Almsaeed 已提交
598 
            </div>
A
Dev release  
Abdullah Almsaeed 已提交
599 
            <!-- /.card -->
A
Reformat code  
Abdullah Almsaeed 已提交
600
A
Dev release  
Abdullah Almsaeed 已提交
601 602 603 604 
            <!-- DIRECT CHAT -->
            <div class="card direct-chat direct-chat-primary">
              <div class="card-header">
                <h3 class="card-title">Direct Chat</h3>
A
Reformat code  
Abdullah Almsaeed 已提交
605
A
Dev release  
Abdullah Almsaeed 已提交
606 607 608 609 610 611 612 613 614 615 616 
                <div class="card-tools">
                  <span data-toggle="tooltip" title="3 New Messages" class="badge badge-primary">3</span>
                  <button type="button" class="btn btn-tool" data-widget="collapse">
                    <i class="fa fa-minus"></i>
                  </button>
                  <button type="button" class="btn btn-tool" data-toggle="tooltip" title="Contacts"
                          data-widget="chat-pane-toggle">
                    <i class="fa fa-comments"></i>
                  </button>
                  <button type="button" class="btn btn-tool" data-widget="remove"><i class="fa fa-times"></i>
                  </button>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
617 618 
                </div>
              </div>
A
Dev release  
Abdullah Almsaeed 已提交
619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 
              <!-- /.card-header -->
              <div class="card-body">
                <!-- Conversations are loaded here -->
                <div class="direct-chat-messages">
                  <!-- Message. Default to the left -->
                  <div class="direct-chat-msg">
                    <div class="direct-chat-info clearfix">
                      <span class="direct-chat-name float-left">Alexander Pierce</span>
                      <span class="direct-chat-timestamp float-right">23 Jan 2:00 pm</span>
                    </div>
                    <!-- /.direct-chat-info -->
                    <img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image">
                    <!-- /.direct-chat-img -->
                    <div class="direct-chat-text">
                      Is this template really for free? That's unbelievable!
                    </div>
                    <!-- /.direct-chat-text -->
A
Reformat code  
Abdullah Almsaeed 已提交
636 
                  </div>
A
Dev release  
Abdullah Almsaeed 已提交
637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 
                  <!-- /.direct-chat-msg -->

                  <!-- Message to the right -->
                  <div class="direct-chat-msg right">
                    <div class="direct-chat-info clearfix">
                      <span class="direct-chat-name float-right">Sarah Bullock</span>
                      <span class="direct-chat-timestamp float-left">23 Jan 2:05 pm</span>
                    </div>
                    <!-- /.direct-chat-info -->
                    <img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image">
                    <!-- /.direct-chat-img -->
                    <div class="direct-chat-text">
                      You better believe it!
                    </div>
                    <!-- /.direct-chat-text -->
A
Reformat code  
Abdullah Almsaeed 已提交
652 
                  </div>
A
Dev release  
Abdullah Almsaeed 已提交
653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 
                  <!-- /.direct-chat-msg -->

                  <!-- Message. Default to the left -->
                  <div class="direct-chat-msg">
                    <div class="direct-chat-info clearfix">
                      <span class="direct-chat-name float-left">Alexander Pierce</span>
                      <span class="direct-chat-timestamp float-right">23 Jan 5:37 pm</span>
                    </div>
                    <!-- /.direct-chat-info -->
                    <img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image">
                    <!-- /.direct-chat-img -->
                    <div class="direct-chat-text">
                      Working with AdminLTE on a great new app! Wanna join?
                    </div>
                    <!-- /.direct-chat-text -->
A
Reformat code  
Abdullah Almsaeed 已提交
668 
                  </div>
A
Dev release  
Abdullah Almsaeed 已提交
669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 
                  <!-- /.direct-chat-msg -->

                  <!-- Message to the right -->
                  <div class="direct-chat-msg right">
                    <div class="direct-chat-info clearfix">
                      <span class="direct-chat-name float-right">Sarah Bullock</span>
                      <span class="direct-chat-timestamp float-left">23 Jan 6:10 pm</span>
                    </div>
                    <!-- /.direct-chat-info -->
                    <img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image">
                    <!-- /.direct-chat-img -->
                    <div class="direct-chat-text">
                      I would love to.
                    </div>
                    <!-- /.direct-chat-text -->
A
Reformat code  
Abdullah Almsaeed 已提交
684 
                  </div>
A
Dev release  
Abdullah Almsaeed 已提交
685 
                  <!-- /.direct-chat-msg -->
A
Reformat code  
Abdullah Almsaeed 已提交
686
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
687 
                </div>
A
Dev release  
Abdullah Almsaeed 已提交
688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 734 735 736 737 738 739 740 741 742 743 744 745 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 766 767 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 
                <!--/.direct-chat-messages-->

                <!-- Contacts are loaded here -->
                <div class="direct-chat-contacts">
                  <ul class="contacts-list">
                    <li>
                      <a href="#">
                        <img class="contacts-list-img" src="dist/img/user1-128x128.jpg">

                        <div class="contacts-list-info">
                          <span class="contacts-list-name">
                            Count Dracula
                            <small class="contacts-list-date float-right">2/28/2015</small>
                          </span>
                          <span class="contacts-list-msg">How have you been? I was...</span>
                        </div>
                        <!-- /.contacts-list-info -->
                      </a>
                    </li>
                    <!-- End Contact Item -->
                    <li>
                      <a href="#">
                        <img class="contacts-list-img" src="dist/img/user7-128x128.jpg">

                        <div class="contacts-list-info">
                          <span class="contacts-list-name">
                            Sarah Doe
                            <small class="contacts-list-date float-right">2/23/2015</small>
                          </span>
                          <span class="contacts-list-msg">I will be waiting for...</span>
                        </div>
                        <!-- /.contacts-list-info -->
                      </a>
                    </li>
                    <!-- End Contact Item -->
                    <li>
                      <a href="#">
                        <img class="contacts-list-img" src="dist/img/user3-128x128.jpg">

                        <div class="contacts-list-info">
                          <span class="contacts-list-name">
                            Nadia Jolie
                            <small class="contacts-list-date float-right">2/20/2015</small>
                          </span>
                          <span class="contacts-list-msg">I'll call you back at...</span>
                        </div>
                        <!-- /.contacts-list-info -->
                      </a>
                    </li>
                    <!-- End Contact Item -->
                    <li>
                      <a href="#">
                        <img class="contacts-list-img" src="dist/img/user5-128x128.jpg">

                        <div class="contacts-list-info">
                          <span class="contacts-list-name">
                            Nora S. Vans
                            <small class="contacts-list-date float-right">2/10/2015</small>
                          </span>
                          <span class="contacts-list-msg">Where is your new...</span>
                        </div>
                        <!-- /.contacts-list-info -->
                      </a>
                    </li>
                    <!-- End Contact Item -->
                    <li>
                      <a href="#">
                        <img class="contacts-list-img" src="dist/img/user6-128x128.jpg">

                        <div class="contacts-list-info">
                          <span class="contacts-list-name">
                            John K.
                            <small class="contacts-list-date float-right">1/27/2015</small>
                          </span>
                          <span class="contacts-list-msg">Can I take a look at...</span>
                        </div>
                        <!-- /.contacts-list-info -->
                      </a>
                    </li>
                    <!-- End Contact Item -->
                    <li>
                      <a href="#">
                        <img class="contacts-list-img" src="dist/img/user8-128x128.jpg">

                        <div class="contacts-list-info">
                          <span class="contacts-list-name">
                            Kenneth M.
                            <small class="contacts-list-date float-right">1/4/2015</small>
                          </span>
                          <span class="contacts-list-msg">Never mind I found...</span>
                        </div>
                        <!-- /.contacts-list-info -->
                      </a>
                    </li>
                    <!-- End Contact Item -->
                  </ul>
                  <!-- /.contacts-list -->
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
785 
                </div>
A
Dev release  
Abdullah Almsaeed 已提交
786 
                <!-- /.direct-chat-pane -->
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
787 
              </div>
A
Dev release  
Abdullah Almsaeed 已提交
788 789 790 791 792 793 794 795 796 797 798 799 
              <!-- /.card-body -->
              <div class="card-footer">
                <form action="#" method="post">
                  <div class="input-group">
                    <input type="text" name="message" placeholder="Type Message ..." class="form-control">
                    <span class="input-group-append">
                      <button type="button" class="btn btn-primary">Send</button>
                    </span>
                  </div>
                </form>
              </div>
              <!-- /.card-footer-->
A
Reformat code  
Abdullah Almsaeed 已提交
800 
            </div>
A
Dev release  
Abdullah Almsaeed 已提交
801 802 803 804 805 806 807 808 809 810 811 812 813 814 815 816 817 818 
            <!--/.direct-chat -->

            <!-- TO DO List -->
            <div class="card">
              <div class="card-header">
                <h3 class="card-title">
                  <i class="ion ion-clipboard mr-1"></i>
                  To Do List
                </h3>

                <div class="card-tools">
                  <ul class="pagination pagination-sm">
                    <li class="page-item"><a href="#" class="page-link">&laquo;</a></li>
                    <li class="page-item"><a href="#" class="page-link">1</a></li>
                    <li class="page-item"><a href="#" class="page-link">2</a></li>
                    <li class="page-item"><a href="#" class="page-link">3</a></li>
                    <li class="page-item"><a href="#" class="page-link">&raquo;</a></li>
                  </ul>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
819 820 
                </div>
              </div>
A
Dev release  
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 862 863 864 865 866 867 868 869 870 871 872 873 874 875 876 877 878 879 880 881 882 883 884 885 886 887 888 889 890 891 892 893 894 895 896 897 898 899 900 901 902 903 904 905 906 907 
              <!-- /.card-header -->
              <div class="card-body">
                <ul class="todo-list">
                  <li>
                    <!-- drag handle -->
                    <span class="handle">
                      <i class="fa fa-ellipsis-v"></i>
                      <i class="fa fa-ellipsis-v"></i>
                    </span>
                    <!-- checkbox -->
                    <input type="checkbox" value="" name="">
                    <!-- todo text -->
                    <span class="text">Design a nice theme</span>
                    <!-- Emphasis label -->
                    <small class="badge badge-danger"><i class="fa fa-clock-o"></i> 2 mins</small>
                    <!-- General tools such as edit or delete-->
                    <div class="tools">
                      <i class="fa fa-edit"></i>
                      <i class="fa fa-trash-o"></i>
                    </div>
                  </li>
                  <li>
                    <span class="handle">
                      <i class="fa fa-ellipsis-v"></i>
                      <i class="fa fa-ellipsis-v"></i>
                    </span>
                    <input type="checkbox" value="" name="">
                    <span class="text">Make the theme responsive</span>
                    <small class="badge badge-info"><i class="fa fa-clock-o"></i> 4 hours</small>
                    <div class="tools">
                      <i class="fa fa-edit"></i>
                      <i class="fa fa-trash-o"></i>
                    </div>
                  </li>
                  <li>
                    <span class="handle">
                      <i class="fa fa-ellipsis-v"></i>
                      <i class="fa fa-ellipsis-v"></i>
                    </span>
                    <input type="checkbox" value="" name="">
                    <span class="text">Let theme shine like a star</span>
                    <small class="badge badge-warning"><i class="fa fa-clock-o"></i> 1 day</small>
                    <div class="tools">
                      <i class="fa fa-edit"></i>
                      <i class="fa fa-trash-o"></i>
                    </div>
                  </li>
                  <li>
                    <span class="handle">
                      <i class="fa fa-ellipsis-v"></i>
                      <i class="fa fa-ellipsis-v"></i>
                    </span>
                    <input type="checkbox" value="" name="">
                    <span class="text">Let theme shine like a star</span>
                    <small class="badge badge-success"><i class="fa fa-clock-o"></i> 3 days</small>
                    <div class="tools">
                      <i class="fa fa-edit"></i>
                      <i class="fa fa-trash-o"></i>
                    </div>
                  </li>
                  <li>
                    <span class="handle">
                      <i class="fa fa-ellipsis-v"></i>
                      <i class="fa fa-ellipsis-v"></i>
                    </span>
                    <input type="checkbox" value="" name="">
                    <span class="text">Check your messages and notifications</span>
                    <small class="badge badge-primary"><i class="fa fa-clock-o"></i> 1 week</small>
                    <div class="tools">
                      <i class="fa fa-edit"></i>
                      <i class="fa fa-trash-o"></i>
                    </div>
                  </li>
                  <li>
                    <span class="handle">
                      <i class="fa fa-ellipsis-v"></i>
                      <i class="fa fa-ellipsis-v"></i>
                    </span>
                    <input type="checkbox" value="" name="">
                    <span class="text">Let theme shine like a star</span>
                    <small class="badge badge-secondary"><i class="fa fa-clock-o"></i> 1 month</small>
                    <div class="tools">
                      <i class="fa fa-edit"></i>
                      <i class="fa fa-trash-o"></i>
                    </div>
                  </li>
                </ul>
A
Reformat code  
Abdullah Almsaeed 已提交
908 
              </div>
A
Dev release  
Abdullah Almsaeed 已提交
909 910 911 
              <!-- /.card-body -->
              <div class="card-footer clearfix">
                <button type="button" class="btn btn-info float-right"><i class="fa fa-plus"></i> Add item</button>
A
Reformat code  
Abdullah Almsaeed 已提交
912 913 
              </div>
            </div>
A
Dev release  
Abdullah Almsaeed 已提交
914 915 916 917 918 919 920 921 922 923 924 925 926 927 928 929 930 931 932 933 934 935 936 937 938 939 940 941 
            <!-- /.card -->
          </section>
          <!-- /.Left col -->
          <!-- right col (We are only adding the ID to make the widgets sortable)-->
          <section class="col-lg-5 connectedSortable">

            <!-- Map card -->
            <div class="card bg-primary-gradient">
              <div class="card-header no-border">
                <h3 class="card-title">
                  <i class="fa fa-map-marker mr-1"></i>
                  Visitors
                </h3>
                <!-- card tools -->
                <div class="card-tools">
                  <button type="button"
                          class="btn btn-primary btn-sm daterange"
                          data-toggle="tooltip"
                          title="Date range">
                    <i class="fa fa-calendar"></i>
                  </button>
                  <button type="button"
                          class="btn btn-primary btn-sm"
                          data-widget="collapse"
                          data-toggle="tooltip"
                          title="Collapse">
                    <i class="fa fa-minus"></i>
                  </button>
A
Reformat code  
Abdullah Almsaeed 已提交
942 
                </div>
A
Dev release  
Abdullah Almsaeed 已提交
943 
                <!-- /.card-tools -->
A
Reformat code  
Abdullah Almsaeed 已提交
944 
              </div>
A
Dev release  
Abdullah Almsaeed 已提交
945 946 947 948 949 950 951 952 953 
              <div class="card-body">
                <div id="world-map" style="height: 250px; width: 100%;"></div>
              </div>
              <!-- /.card-body-->
              <div class="card-footer bg-transparent">
                <div class="row">
                  <div class="col-4 text-center">
                    <div id="sparkline-1"></div>
                    <div class="text-white">Visitors</div>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
954 
                  </div>
A
Dev release  
Abdullah Almsaeed 已提交
955 956 957 958 
                  <!-- ./col -->
                  <div class="col-4 text-center">
                    <div id="sparkline-2"></div>
                    <div class="text-white">Online</div>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
959 
                  </div>
A
Dev release  
Abdullah Almsaeed 已提交
960 961 962 963 
                  <!-- ./col -->
                  <div class="col-4 text-center">
                    <div id="sparkline-3"></div>
                    <div class="text-white">Sales</div>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
964 
                  </div>
A
Dev release  
Abdullah Almsaeed 已提交
965 
                  <!-- ./col -->
A
Reformat code  
Abdullah Almsaeed 已提交
966 
                </div>
A
Dev release  
Abdullah Almsaeed 已提交
967 968 969 970 971 972 973 974 975 976 977 978 979 980 981 982 983 984 985 986 987 988 989 990 991 992 993 994 995 996 997 998 999 
                <!-- /.row -->
              </div>
            </div>
            <!-- /.card -->

            <!-- solid sales graph -->
            <div class="card bg-info-gradient">
              <div class="card-header no-border">
                <h3 class="card-title">
                  <i class="fa fa-th mr-1"></i>
                  Sales Graph
                </h3>

                <div class="card-tools">
                  <button type="button" class="btn bg-info btn-sm" data-widget="collapse">
                    <i class="fa fa-minus"></i>
                  </button>
                  <button type="button" class="btn bg-info btn-sm" data-widget="remove">
                    <i class="fa fa-times"></i>
                  </button>
                </div>
              </div>
              <div class="card-body">
                <div class="chart" id="line-chart" style="height: 250px;"></div>
              </div>
              <!-- /.card-body -->
              <div class="card-footer bg-transparent">
                <div class="row">
                  <div class="col-4 text-center">
                    <input type="text" class="knob" data-readonly="true" value="20" data-width="60" data-height="60"
                           data-fgColor="#39CCCC">

                    <div class="text-white">Mail-Orders</div>
D
Format index pages  
Dennis Neufeld 已提交
1000 
                  </div>
A
Dev release  
Abdullah Almsaeed 已提交
1001 1002 1003 1004 1005 1006 
                  <!-- ./col -->
                  <div class="col-4 text-center">
                    <input type="text" class="knob" data-readonly="true" value="50" data-width="60" data-height="60"
                           data-fgColor="#39CCCC">

                    <div class="text-white">Online</div>
D
Format index pages  
Dennis Neufeld 已提交
1007 
                  </div>
A
Dev release  
Abdullah Almsaeed 已提交
1008 1009 1010 1011 
                  <!-- ./col -->
                  <div class="col-4 text-center">
                    <input type="text" class="knob" data-readonly="true" value="30" data-width="60" data-height="60"
                           data-fgColor="#39CCCC">
A
Reformat code  
Abdullah Almsaeed 已提交
1012
A
Dev release  
Abdullah Almsaeed 已提交
1013 
                    <div class="text-white">In-Store</div>
D
Format index pages  
Dennis Neufeld 已提交
1014 
                  </div>
A
Dev release  
Abdullah Almsaeed 已提交
1015 1016 1017 1018 1019 1020 1021 1022 1023 1024 1025 1026 1027 1028 1029 1030 1031 1032 1033 1034 1035 1036 1037 1038 1039 1040 1041 1042 
                  <!-- ./col -->
                </div>
                <!-- /.row -->
              </div>
              <!-- /.card-footer -->
            </div>
            <!-- /.card -->

            <!-- Calendar -->
            <div class="card bg-success-gradient">
              <div class="card-header no-border">

                <h3 class="card-title">
                  <i class="fa fa-calendar"></i>
                  Calendar
                </h3>
                <!-- tools card -->
                <div class="card-tools">
                  <!-- button with a dropdown -->
                  <div class="btn-group">
                    <button type="button" class="btn btn-success btn-sm dropdown-toggle" data-toggle="dropdown">
                      <i class="fa fa-bars"></i></button>
                    <div class="dropdown-menu float-right" role="menu">
                      <a href="#" class="dropdown-item">Add new event</a>
                      <a href="#" class="dropdown-item">Clear events</a>
                      <div class="dropdown-divider"></div>
                      <a href="#" class="dropdown-item">View calendar</a>
                    </div>
D
Format index pages  
Dennis Neufeld 已提交
1043 
                  </div>
A
Dev release  
Abdullah Almsaeed 已提交
1044 1045 1046 1047 1048 1049 
                  <button type="button" class="btn btn-success btn-sm" data-widget="collapse">
                    <i class="fa fa-minus"></i>
                  </button>
                  <button type="button" class="btn btn-success btn-sm" data-widget="remove">
                    <i class="fa fa-times"></i>
                  </button>
A
Reformat code  
Abdullah Almsaeed 已提交
1050 
                </div>
A
Dev release  
Abdullah Almsaeed 已提交
1051 1052 1053 1054 1055 1056 
                <!-- /. tools -->
              </div>
              <!-- /.card-header -->
              <div class="card-body p-0">
                <!--The calendar -->
                <div id="calendar" style="width: 100%"></div>
A
Reformat code  
Abdullah Almsaeed 已提交
1057 
              </div>
A
Dev release  
Abdullah Almsaeed 已提交
1058 
              <!-- /.card-body -->
A
Reformat code  
Abdullah Almsaeed 已提交
1059 
            </div>
A
Dev release  
Abdullah Almsaeed 已提交
1060 1061 1062 1063 1064 1065 
            <!-- /.card -->
          </section>
          <!-- right col -->
        </div>
        <!-- /.row (main row) -->
      </div><!-- /.container-fluid -->
A
Reformat code  
Abdullah Almsaeed 已提交
1066 1067 1068 1069 1070 
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
  <footer class="main-footer">
A
Dev release  
Abdullah Almsaeed 已提交
1071 1072 1073 1074 
    <strong>Copyright &copy; 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong>
    All rights reserved.
    <div class="float-right d-none d-sm-inline-block">
      <b>Version</b> 3.0.0-alpha
A
Reformat code  
Abdullah Almsaeed 已提交
1075 1076 1077 1078 1079 1080 1081 1082 1083 1084 1085 1086 1087 1088 1089 1090 1091 
    </div>
  </footer>

  <!-- Control Sidebar -->
  <aside class="control-sidebar control-sidebar-dark">
    <!-- Create the tabs -->
    <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
      <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
      <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
    </ul>
    <!-- Tab panes -->
    <div class="tab-content">
      <!-- Home tab content -->
      <div class="tab-pane" id="control-sidebar-home-tab">
        <h3 class="control-sidebar-heading">Recent Activity</h3>
        <ul class="control-sidebar-menu">
          <li>
A
Dev release  
Abdullah Almsaeed 已提交
1092 1093 
            <a href="javascript:void(0)">
              <i class="menu-icon fa fa-birthday-cake bg-danger"></i>
A
Reformat code  
Abdullah Almsaeed 已提交
1094 1095 1096 1097 1098 1099 1100 1101 1102 

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>

                <p>Will be 23 on April 24th</p>
              </div>
            </a>
          </li>
          <li>
A
Dev release  
Abdullah Almsaeed 已提交
1103 1104 
            <a href="javascript:void(0)">
              <i class="menu-icon fa fa-user bg-warning"></i>
A
Reformat code  
Abdullah Almsaeed 已提交
1105 1106 1107 1108 1109 1110 1111 1112 1113 

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>

                <p>New phone +1(800)555-1234</p>
              </div>
            </a>
          </li>
          <li>
A
Dev release  
Abdullah Almsaeed 已提交
1114 1115 
            <a href="javascript:void(0)">
              <i class="menu-icon fa fa-envelope-o bg-primary"></i>
A
Reformat code  
Abdullah Almsaeed 已提交
1116 1117 1118 1119 1120 1121 1122 1123 1124 

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>

                <p>nora@example.com</p>
              </div>
            </a>
          </li>
          <li>
A
Dev release  
Abdullah Almsaeed 已提交
1125 1126 
            <a href="javascript:void(0)">
              <i class="menu-icon fa fa-file-code-o bg-success"></i>
A
Reformat code  
Abdullah Almsaeed 已提交
1127 1128 1129 1130 1131 1132 1133 1134 1135 1136 1137 1138 1139 1140 

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>

                <p>Execution time 5 seconds</p>
              </div>
            </a>
          </li>
        </ul>
        <!-- /.control-sidebar-menu -->

        <h3 class="control-sidebar-heading">Tasks Progress</h3>
        <ul class="control-sidebar-menu">
          <li>
A
Dev release  
Abdullah Almsaeed 已提交
1141 
            <a href="javascript:void(0)">
A
Reformat code  
Abdullah Almsaeed 已提交
1142 1143 
              <h4 class="control-sidebar-subheading">
                Custom Template Design
A
Dev release  
Abdullah Almsaeed 已提交
1144 
                <span class="badge badge-danger float-right">70%</span>
A
Reformat code  
Abdullah Almsaeed 已提交
1145 1146 1147 1148 1149 1150 1151 1152 
              </h4>

              <div class="progress progress-xxs">
                <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
              </div>
            </a>
          </li>
          <li>
A
Dev release  
Abdullah Almsaeed 已提交
1153 
            <a href="javascript:void(0)">
A
Reformat code  
Abdullah Almsaeed 已提交
1154 1155 
              <h4 class="control-sidebar-subheading">
                Update Resume
A
Dev release  
Abdullah Almsaeed 已提交
1156 
                <span class="badge badge-success float-right">95%</span>
A
Reformat code  
Abdullah Almsaeed 已提交
1157 1158 1159 
              </h4>

              <div class="progress progress-xxs">
A
Dev release  
Abdullah Almsaeed 已提交
1160 
                <div class="progress-bar bg-success" style="width: 95%"></div>
A
Reformat code  
Abdullah Almsaeed 已提交
1161 1162 1163 1164 
              </div>
            </a>
          </li>
          <li>
A
Dev release  
Abdullah Almsaeed 已提交
1165 
            <a href="javascript:void(0)">
A
Reformat code  
Abdullah Almsaeed 已提交
1166 1167 
              <h4 class="control-sidebar-subheading">
                Laravel Integration
A
Dev release  
Abdullah Almsaeed 已提交
1168 
                <span class="badge badge-warning float-right">50%</span>
A
Reformat code  
Abdullah Almsaeed 已提交
1169 1170 1171 
              </h4>

              <div class="progress progress-xxs">
A
Dev release  
Abdullah Almsaeed 已提交
1172 
                <div class="progress-bar bg-warning" style="width: 50%"></div>
A
Reformat code  
Abdullah Almsaeed 已提交
1173 1174 1175 1176 
              </div>
            </a>
          </li>
          <li>
A
Dev release  
Abdullah Almsaeed 已提交
1177 
            <a href="javascript:void(0)">
A
Reformat code  
Abdullah Almsaeed 已提交
1178 1179 
              <h4 class="control-sidebar-subheading">
                Back End Framework
A
Dev release  
Abdullah Almsaeed 已提交
1180 
                <span class="badge badge-primary float-right">68%</span>
A
Reformat code  
Abdullah Almsaeed 已提交
1181 1182 1183 
              </h4>

              <div class="progress progress-xxs">
A
Dev release  
Abdullah Almsaeed 已提交
1184 
                <div class="progress-bar bg-primary" style="width: 68%"></div>
A
Reformat code  
Abdullah Almsaeed 已提交
1185 1186 1187 1188 1189 1190 1191 1192 1193 1194 1195 1196 1197 1198 1199 1200 1201 1202 1203 
              </div>
            </a>
          </li>
        </ul>
        <!-- /.control-sidebar-menu -->

      </div>
      <!-- /.tab-pane -->
      <!-- Stats tab content -->
      <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
      <!-- /.tab-pane -->
      <!-- Settings tab content -->
      <div class="tab-pane" id="control-sidebar-settings-tab">
        <form method="post">
          <h3 class="control-sidebar-heading">General Settings</h3>

          <div class="form-group">
            <label class="control-sidebar-subheading">
              Report panel usage
A
Dev release  
Abdullah Almsaeed 已提交
1204 
              <input type="checkbox" class="float-right" checked>
A
Reformat code  
Abdullah Almsaeed 已提交
1205 1206 1207 1208 1209 1210 1211 1212 1213 1214 1215 
            </label>

            <p>
              Some information about this general settings option
            </p>
          </div>
          <!-- /.form-group -->

          <div class="form-group">
            <label class="control-sidebar-subheading">
              Allow mail redirect
A
Dev release  
Abdullah Almsaeed 已提交
1216 
              <input type="checkbox" class="float-right" checked>
A
Reformat code  
Abdullah Almsaeed 已提交
1217 1218 1219 1220 1221 1222 1223 1224 1225 1226 1227 
            </label>

            <p>
              Other sets of options are available
            </p>
          </div>
          <!-- /.form-group -->

          <div class="form-group">
            <label class="control-sidebar-subheading">
              Expose author name in posts
A
Dev release  
Abdullah Almsaeed 已提交
1228 
              <input type="checkbox" class="float-right" checked>
A
Reformat code  
Abdullah Almsaeed 已提交
1229 1230 1231 1232 1233 1234 1235 1236 1237 1238 1239 1240 1241 
            </label>

            <p>
              Allow the user to show his name in blog posts
            </p>
          </div>
          <!-- /.form-group -->

          <h3 class="control-sidebar-heading">Chat Settings</h3>

          <div class="form-group">
            <label class="control-sidebar-subheading">
              Show me as online
A
Dev release  
Abdullah Almsaeed 已提交
1242 
              <input type="checkbox" class="float-right" checked>
A
Reformat code  
Abdullah Almsaeed 已提交
1243 1244 1245 1246 1247 1248 1249 
            </label>
          </div>
          <!-- /.form-group -->

          <div class="form-group">
            <label class="control-sidebar-subheading">
              Turn off notifications
A
Dev release  
Abdullah Almsaeed 已提交
1250 
              <input type="checkbox" class="float-right">
A
Reformat code  
Abdullah Almsaeed 已提交
1251 1252 1253 1254 1255 1256 1257 
            </label>
          </div>
          <!-- /.form-group -->

          <div class="form-group">
            <label class="control-sidebar-subheading">
              Delete chat history
A
Dev release  
Abdullah Almsaeed 已提交
1258 
              <a href="javascript:void(0)" class="text-danger float-right"><i class="fa fa-trash-o"></i></a>
A
Reformat code  
Abdullah Almsaeed 已提交
1259 1260 1261 1262 1263 1264 1265 1266 1267 1268 1269 1270 1271 1272 1273 
            </label>
          </div>
          <!-- /.form-group -->
        </form>
      </div>
      <!-- /.tab-pane -->
    </div>
  </aside>
  <!-- /.control-sidebar -->
  <!-- Add the sidebar's background. This div must be placed
       immediately after the control sidebar -->
  <div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->
A
Dev release  
Abdullah Almsaeed 已提交
1274 
<!-- jQuery -->
A
Add webpack  
Abdullah Almsaeed 已提交
1275 
<script src="plugins/jquery/jquery.min.js"></script>
A
Reformat code  
Abdullah Almsaeed 已提交
1276 
<!-- jQuery UI 1.11.4 -->
A
Add webpack  
Abdullah Almsaeed 已提交
1277 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
A
Reformat code  
Abdullah Almsaeed 已提交
1278 1279 
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
A
Add webpack  
Abdullah Almsaeed 已提交
1280 
  $.widget.bridge('uibutton', $.ui.button)
A
Reformat code  
Abdullah Almsaeed 已提交
1281 
</script>
A
Add webpack  
Abdullah Almsaeed 已提交
1282 
<!-- Bootstrap 4 -->
A
Dev release  
Abdullah Almsaeed 已提交
1283 
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
A
Reformat code  
Abdullah Almsaeed 已提交
1284 1285 1286 1287 1288 1289 1290 1291 1292 1293 1294 1295 1296 1297 1298 1299 1300 1301 1302 1303 
<!-- Morris.js charts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="plugins/morris/morris.min.js"></script>
<!-- Sparkline -->
<script src="plugins/sparkline/jquery.sparkline.min.js"></script>
<!-- jvectormap -->
<script src="plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<!-- jQuery Knob Chart -->
<script src="plugins/knob/jquery.knob.js"></script>
<!-- daterangepicker -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script>
<script src="plugins/daterangepicker/daterangepicker.js"></script>
<!-- datepicker -->
<script src="plugins/datepicker/bootstrap-datepicker.js"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<!-- Slimscroll -->
<script src="plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
J
Fixes #688  
Joris Hens 已提交
1304 
<script src="plugins/fastclick/fastclick.js"></script>
A
Reformat code  
Abdullah Almsaeed 已提交
1305 
<!-- AdminLTE App -->
A
Add webpack  
Abdullah Almsaeed 已提交
1306 
<script src="dist/js/adminlte.js"></script>
A
Reformat code  
Abdullah Almsaeed 已提交
1307 1308 1309 1310 1311 
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="dist/js/pages/dashboard.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="dist/js/demo.js"></script>
</body>
B
Update index.html  
Brian 已提交
1312 
</html>