Skip to content

A
AdminLTE

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

从无法访问的项目Fork

通知 1
Star 0
Fork 0
A
AdminLTE

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

切换分支/标签
查找文件 普通视图历史永久链接Permalink
index.html 44.8 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 8 9 
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Font Awesome -->
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
10 
  <link rel="stylesheet" href="bower_components/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 27 28 29 30 31 32 33 34 35 36 37 
  <!-- 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">

  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
38 39 
  <!-- Navbar -->
  <nav class="main-header navbar navbar-sticky-top bg-primary navbar-dark">
A
Reformat code  
Abdullah Almsaeed 已提交
40 
    <!-- Logo -->
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
41 42 43 
    <a class="navbar-brand text-xs-center" href="#">
      <span class="logo hidden-md-down"><b>Admin</b>LTE</span>
      <span class="logo logo-mini"><b>A</b>LT</span>
A
Reformat code  
Abdullah Almsaeed 已提交
44 
    </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 

    <!-- Left navbar links -->
    <ul class="nav navbar-nav">
      <li class="nav-item">
        <a class="nav-link" data-widget="pushmenu" href="#"><i class="fa fa-bars"></i></a>
      </li>
    </ul>

    <div class="navbar-"></div>

    <!-- Right navbar links -->
    <ul class="nav navbar-nav float-sm-right">
      <li class="nav-item dropdown">
        <a class="nav-link" data-toggle="dropdown" href="#"><i class="fa fa-comments-o"></i></a>
        <div class="dropdown-menu dropdown-menu-lg">
          <a href="#" class="dropdown-item">
            <div class="media">
              <div class="media-left">
                <img src="/dist/img/user1-128x128.jpg" alt="User Avatar" class="navbar-img">
              </div>
              <div class="media-body">
                <p class="no-margin">Lola Stockholm</p>
                <p class="text-sm no-margin">What are you up to?</p>
              </div>
            </div>
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <div class="media">
              <div class="media-left">
                <img src="/dist/img/user1-128x128.jpg" alt="User Avatar" class="navbar-img">
              </div>
              <div class="media-body">
                <p class="no-margin">Lola Stockholm</p>
                <p class="text-sm no-margin">What are you up to?</p>
              </div>
            </div>
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-footer">See All Messages</a>
        </div>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link" data-toggle="dropdown" href="#"><i class="fa fa-bell-o"></i></a>
        <div class="dropdown-menu dropdown-menu-lg">
          <a href="#" class="dropdown-item">
            Account
          </a>
        </div>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link" data-toggle="dropdown" href="#"><i class="fa fa-search"></i></a>
        <div class="dropdown-menu">
          <a href="#" class="dropdown-item"><i class="fa fa-user margin-r-5"></i> Profile</a>
          <a href="#" class="dropdown-item"><i class="fa fa-user margin-r-5"></i> History</a>
          <a href="#" class="dropdown-item"><i class="fa fa-user margin-r-5"></i> Usage</a>
          <a href="#" class="dropdown-item"><i class="fa fa-user margin-r-5"></i> Logout</a>
        </div>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link" data-toggle="dropdown" href="#"><i class="fa fa-gears"></i></a>
        <div class="dropdown-menu dropdown-menu-lg">
          <a href="#" class="dropdown-item">Item</a>
        </div>
      </li>
    </ul>
  </nav>
  <!-- /.navbar -->

  <!-- Main Sidebar Container -->
  <aside class="main-sidebar">
    <!-- Sidebar -->
    <div class="sidebar">
      <!-- Sidebar user panel (optional) -->
      <div class="user-panel clearfix">
        <div class="image">
          <img src="dist/img/user2-160x160.jpg" class="img-rounded" alt="User Image">
        </div>
        <div class="info">
          <h6>Alexander Pierce</h6>
          <!-- Status -->
          <div class="dropdown">
            <a href="#" data-toggle="dropdown" class="dropdown-toggle status btn btn-default btn-xs">Account</a>
            <div class="dropdown-menu dropdown-menu-right">
              <a class="dropdown-item" href="#">Profile</a>
              <a class="dropdown-item" href="#">Settings</a>
              <a class="dropdown-item" href="#">Logout</a>
            </div>
          </div>
        </div>
      </div>

      <form action="#" method="get" class="sidebar-form">
        <input type="search" name="q" class="form-control" placeholder="Search" data-widget="treeview-search" data-target="#searchable-treeview">
      </form>

      <!-- Sidebar Menu -->
      <nav>
        <ul class="nav nav-pills nav-sidebar nav-stacked" id="searchable-treeview" data-widget="treeview" role="menu">
          <li class="nav-header">Components</li>
          <!-- Optionally, you can add icons to the links using the .nav-icon class
               paired with font-awesome or any other icon font library -->
          <li class="nav-item has-treeview menu-open">
            <a href="#" class="nav-link active">
              <i class="nav-icon fa fa-dashboard"></i> <span class="text">Dashboard</span>
              <i class="fa fa-angle-left pull-right"></i>
A
Reformat code  
Abdullah Almsaeed 已提交
151 
            </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
152 153 154 155 156 157 158 159 160 
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="./index.html" class="nav-link active"><i class="fa fa-circle-o nav-icon"></i> Dashboard v.1</a>
              </li>
              <li class="nav-item">
                <a href="./index2.html" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Dashboard v.2</a>
              </li>
              <li class="nav-item">
                <a href="./index3.html" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Dashboard v.3</a>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
161 
              </li>
A
Reformat code  
Abdullah Almsaeed 已提交
162 163 
            </ul>
          </li>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
164 165 166 
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fa fa-th"></i> <span class="text">Widgets</span> <span class="tag tag-danger float-xs-right">New</span>
A
Reformat code  
Abdullah Almsaeed 已提交
167 
            </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 
          </li>
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
              <i class="nav-icon fa fa-pie-chart"></i> <span class="text">Charts</span>
              <i class="fa fa-angle-left pull-right"></i>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> ChartJS</a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Morris</a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Flot</a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Inline</a>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
186 
              </li>
A
Reformat code  
Abdullah Almsaeed 已提交
187 188 
            </ul>
          </li>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
189 190 191 192 
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
              <i class="nav-icon fa fa-tree"></i> <span class="text">UI Elements</span>
              <i class="fa fa-angle-left pull-right"></i>
A
Reformat code  
Abdullah Almsaeed 已提交
193 
            </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
194 195 196 
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> General</a>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
197 
              </li>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
198 199 200 201 202 203 204 205 
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Icons</a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Buttons</a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Sliders</a>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
206 
              </li>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
207 
            </ul>
A
Reformat code  
Abdullah Almsaeed 已提交
208 
          </li>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
209 210 211 212 
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
              <i class="nav-icon fa fa-edit"></i> <span class="text">Forms</span>
              <i class="fa fa-angle-left pull-right"></i>
A
Reformat code  
Abdullah Almsaeed 已提交
213 
            </a>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
214 215 216 
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> General Elements</a>
A
Reformat code  
Abdullah Almsaeed 已提交
217 
              </li>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
218 219 
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Advanced Elements</a>
A
Reformat code  
Abdullah Almsaeed 已提交
220 
              </li>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
221 222 
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Editors</a>
A
Reformat code  
Abdullah Almsaeed 已提交
223 224 225 
              </li>
            </ul>
          </li>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
              <i class="nav-icon fa fa-table"></i> <span class="text">Tables</span>
              <i class="fa fa-angle-left pull-right"></i>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Simple Tables</a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Data Tables</a>
              </li>
            </ul>
          </li>
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fa fa-calendar"></i> <span class="text">Calendar</span>
              <span class="tag tag-info float-xs-right">2</span>
            </a>
          </li>
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
              <i class="nav-icon fa fa-envelope-o"></i> <span class="text">Mailbox</span>
              <i class="fa fa-angle-left pull-right"></i>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Inbox</a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Compose</a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Read</a>
              </li>
            </ul>
          </li>
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
              <i class="nav-icon fa fa-book"></i> <span class="text">Pages</span>
              <i class="fa fa-angle-left pull-right"></i>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Invoice</a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Profile</a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Login</a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Register</a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Lockscreen</a>
              </li>
            </ul>
          </li>
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
              <i class="nav-icon fa fa-plus-square-o"></i> <span class="text">Extras</span>
              <i class="fa fa-angle-left pull-right"></i>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Error 404</a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Error 500</a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Blank Page</a>
              </li>
              <li class="nav-item">
                <a href="starter.html" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Starter Page</a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Pace Page</a>
              </li>
            </ul>
          </li>
          <li class="nav-header">Miscellaneous</li>
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
              <i class="nav-icon fa fa-sitemap"></i> <span class="text">Multilevel</span>
              <i class="fa fa-angle-left pull-right"></i>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item"><a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Level One</a></li>
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Level One <i class="fa fa-angle-left pull-right"></i></a>
                <ul class="nav nav-treeview">
                  <li class="nav-item"><a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Level Two</a></li>
                  <li class="nav-item">
                    <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Level Two <i class="fa fa-angle-left pull-right"></i></a>
                    <ul class="nav nav-treeview">
                      <li class="nav-item"><a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Level Three</a></li>
                      <li class="nav-item"><a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Level Three</a></li>
                    </ul><!-- Level 3 -->
                  </li>
                </ul><!-- Level 2 -->
              </li>
            </ul><!-- Level 1 -->
          </li>
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fa fa-file"></i> <span class="text">Documentation</span>
            </a>
          </li>
          <li class="nav-header">Labels</li>
          <li class="nav-item">
            <a href="#" class="nav-link"><i class="fa fa-circle-o text-danger"></i> <span class="text">Important</span></a>
          </li>
          <li class="nav-item">
            <a href="#" class="nav-link"><i class="fa fa-circle-o text-warning"></i> <span class="text">Warning</span></a>
          </li>
          <li class="nav-item">
            <a href="#" class="nav-link"><i class="fa fa-circle-o text-info"></i> <span class="text">Informational</span></a>
A
Reformat code  
Abdullah Almsaeed 已提交
346 347 
          </li>
        </ul>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
348 349 350 
      </nav>
      <!-- /.sidebar-menu -->
    </div>
A
Reformat code  
Abdullah Almsaeed 已提交
351 352 
    <!-- /.sidebar -->
  </aside>
A
Redesign  
Abdullah Almsaeed 已提交
353
A
Reformat code  
Abdullah Almsaeed 已提交
354 355 356 
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
357 358 359 360 361 362 363 364 365 366 367 368 369 370 
    <div class="content-header container-fluid">
      <div class="row">
        <div class="col-sm-6">
          <h1>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</li>
          </ol>
        </div><!-- /.col -->
      </div><!-- /.row -->
    </div>
    <!-- /.content-header -->
A
Reformat code  
Abdullah Almsaeed 已提交
371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 

    <!-- Main content -->
    <section class="content">
      <!-- Small boxes (Stat box) -->
      <div class="row">
        <div class="col-lg-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-aqua">
            <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>
          </div>
        </div>
        <!-- ./col -->
        <div class="col-lg-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-green">
            <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>
          </div>
        </div>
        <!-- ./col -->
        <div class="col-lg-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-yellow">
            <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>
          </div>
        </div>
        <!-- ./col -->
        <div class="col-lg-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-red">
            <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>
          </div>
        </div>
        <!-- ./col -->
      </div>
      <!-- /.row -->
      <!-- Main row -->
      <div class="row">
        <!-- Left col -->
        <section class="col-lg-7 connectedSortable">
          <!-- Custom tabs (Charts with tabs)-->
          <div class="nav-tabs-custom">
            <!-- Tabs within a box -->
            <ul class="nav nav-tabs pull-right">
              <li class="active"><a href="#revenue-chart" data-toggle="tab">Area</a></li>
              <li><a href="#sales-chart" data-toggle="tab">Donut</a></li>
              <li class="pull-left header"><i class="fa fa-inbox"></i> Sales</li>
            </ul>
            <div class="tab-content no-padding">
              <!-- 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>
            </div>
          </div>
          <!-- /.nav-tabs-custom -->

          <!-- Chat box -->
          <div class="box box-success">
            <div class="box-header">
              <i class="fa fa-comments-o"></i>

              <h3 class="box-title">Chat</h3>

              <div class="box-tools pull-right" data-toggle="tooltip" title="Status">
                <div class="btn-group" data-toggle="btn-toggle">
                  <button type="button" class="btn btn-default btn-sm active"><i class="fa fa-square text-green"></i>
                  </button>
                  <button type="button" class="btn btn-default btn-sm"><i class="fa fa-square text-red"></i></button>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
470 471 
                </div>
              </div>
A
Reformat code  
Abdullah Almsaeed 已提交
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 
            </div>
            <div class="box-body chat" id="chat-box">
              <!-- chat item -->
              <div class="item">
                <img src="dist/img/user4-128x128.jpg" alt="user image" class="online">

                <p class="message">
                  <a href="#" class="name">
                    <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 2:15</small>
                    Mike Doe
                  </a>
                  I would like to meet you to discuss the latest news about
                  the arrival of the new theme. They say it is going to be one the
                  best themes on the market
                </p>
                <div class="attachment">
                  <h4>Attachments:</h4>

                  <p class="filename">
                    Theme-thumbnail-image.jpg
                  </p>

                  <div class="pull-right">
                    <button type="button" class="btn btn-primary btn-sm btn-flat">Open</button>
                  </div>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
497 
                </div>
A
Reformat code  
Abdullah Almsaeed 已提交
498 
                <!-- /.attachment -->
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
499 
              </div>
A
Reformat code  
Abdullah Almsaeed 已提交
500 501 502 503 504 505 506 507 508 509 510 511 512 513 
              <!-- /.item -->
              <!-- chat item -->
              <div class="item">
                <img src="dist/img/user3-128x128.jpg" alt="user image" class="offline">

                <p class="message">
                  <a href="#" class="name">
                    <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 5:15</small>
                    Alexander Pierce
                  </a>
                  I would like to meet you to discuss the latest news about
                  the arrival of the new theme. They say it is going to be one the
                  best themes on the market
                </p>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
514 
              </div>
A
Reformat code  
Abdullah Almsaeed 已提交
515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 
              <!-- /.item -->
              <!-- chat item -->
              <div class="item">
                <img src="dist/img/user2-160x160.jpg" alt="user image" class="offline">

                <p class="message">
                  <a href="#" class="name">
                    <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 5:30</small>
                    Susan Doe
                  </a>
                  I would like to meet you to discuss the latest news about
                  the arrival of the new theme. They say it is going to be one the
                  best themes on the market
                </p>
              </div>
              <!-- /.item -->
            </div>
            <!-- /.chat -->
            <div class="box-footer">
              <div class="input-group">
                <input class="form-control" placeholder="Type message...">

                <div class="input-group-btn">
                  <button type="button" class="btn btn-success"><i class="fa fa-plus"></i></button>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
539 540 
                </div>
              </div>
A
Reformat code  
Abdullah Almsaeed 已提交
541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 
            </div>
          </div>
          <!-- /.box (chat box) -->

          <!-- TO DO List -->
          <div class="box box-primary">
            <div class="box-header">
              <i class="ion ion-clipboard"></i>

              <h3 class="box-title">To Do List</h3>

              <div class="box-tools pull-right">
                <ul class="pagination pagination-sm inline">
                  <li><a href="#">&laquo;</a></li>
                  <li><a href="#">1</a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">&raquo;</a></li>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
559 
                </ul>
A
Reformat code  
Abdullah Almsaeed 已提交
560 561 562 563 564 565 566 
              </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <ul class="todo-list">
                <li>
                  <!-- drag handle -->
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
567 568 569 570 
                      <span class="handle">
                        <i class="fa fa-ellipsis-v"></i>
                        <i class="fa fa-ellipsis-v"></i>
                      </span>
A
Reformat code  
Abdullah Almsaeed 已提交
571 572 573 574 575 
                  <!-- checkbox -->
                  <input type="checkbox" value="" name="">
                  <!-- todo text -->
                  <span class="text">Design a nice theme</span>
                  <!-- Emphasis label -->
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
576 
                  <small class="tag tag-danger"><i class="fa fa-clock-o"></i> 2 mins</small>
A
Reformat code  
Abdullah Almsaeed 已提交
577 578 579 580 581 582 583 
                  <!-- 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>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
584 585 586 587 
                      <span class="handle">
                        <i class="fa fa-ellipsis-v"></i>
                        <i class="fa fa-ellipsis-v"></i>
                      </span>
A
Reformat code  
Abdullah Almsaeed 已提交
588 589 
                  <input type="checkbox" value="" name="">
                  <span class="text">Make the theme responsive</span>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
590 
                  <small class="tag tag-info"><i class="fa fa-clock-o"></i> 4 hours</small>
A
Reformat code  
Abdullah Almsaeed 已提交
591 592 593 594 595 596 
                  <div class="tools">
                    <i class="fa fa-edit"></i>
                    <i class="fa fa-trash-o"></i>
                  </div>
                </li>
                <li>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
597 598 599 600 
                      <span class="handle">
                        <i class="fa fa-ellipsis-v"></i>
                        <i class="fa fa-ellipsis-v"></i>
                      </span>
A
Reformat code  
Abdullah Almsaeed 已提交
601 602 
                  <input type="checkbox" value="" name="">
                  <span class="text">Let theme shine like a star</span>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
603 
                  <small class="tag tag-warning"><i class="fa fa-clock-o"></i> 1 day</small>
A
Reformat code  
Abdullah Almsaeed 已提交
604 605 606 607 608 609 
                  <div class="tools">
                    <i class="fa fa-edit"></i>
                    <i class="fa fa-trash-o"></i>
                  </div>
                </li>
                <li>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
610 611 612 613 
                      <span class="handle">
                        <i class="fa fa-ellipsis-v"></i>
                        <i class="fa fa-ellipsis-v"></i>
                      </span>
A
Reformat code  
Abdullah Almsaeed 已提交
614 615 
                  <input type="checkbox" value="" name="">
                  <span class="text">Let theme shine like a star</span>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
616 
                  <small class="tag tag-success"><i class="fa fa-clock-o"></i> 3 days</small>
A
Reformat code  
Abdullah Almsaeed 已提交
617 618 619 620 621 622 
                  <div class="tools">
                    <i class="fa fa-edit"></i>
                    <i class="fa fa-trash-o"></i>
                  </div>
                </li>
                <li>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
623 624 625 626 
                      <span class="handle">
                        <i class="fa fa-ellipsis-v"></i>
                        <i class="fa fa-ellipsis-v"></i>
                      </span>
A
Reformat code  
Abdullah Almsaeed 已提交
627 628 
                  <input type="checkbox" value="" name="">
                  <span class="text">Check your messages and notifications</span>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
629 
                  <small class="tag tag-primary"><i class="fa fa-clock-o"></i> 1 week</small>
A
Reformat code  
Abdullah Almsaeed 已提交
630 631 632 633 634 635 
                  <div class="tools">
                    <i class="fa fa-edit"></i>
                    <i class="fa fa-trash-o"></i>
                  </div>
                </li>
                <li>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
636 637 638 639 
                      <span class="handle">
                        <i class="fa fa-ellipsis-v"></i>
                        <i class="fa fa-ellipsis-v"></i>
                      </span>
A
Reformat code  
Abdullah Almsaeed 已提交
640 641 
                  <input type="checkbox" value="" name="">
                  <span class="text">Let theme shine like a star</span>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
642 
                  <small class="tag tag-default"><i class="fa fa-clock-o"></i> 1 month</small>
A
Reformat code  
Abdullah Almsaeed 已提交
643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 
                  <div class="tools">
                    <i class="fa fa-edit"></i>
                    <i class="fa fa-trash-o"></i>
                  </div>
                </li>
              </ul>
            </div>
            <!-- /.box-body -->
            <div class="box-footer clearfix no-border">
              <button type="button" class="btn btn-default pull-right"><i class="fa fa-plus"></i> Add item</button>
            </div>
          </div>
          <!-- /.box -->

          <!-- quick email widget -->
          <div class="box box-info">
            <div class="box-header">
              <i class="fa fa-envelope"></i>

              <h3 class="box-title">Quick Email</h3>
              <!-- tools box -->
              <div class="pull-right box-tools">
                <button type="button" class="btn btn-info btn-sm" data-widget="remove" data-toggle="tooltip" title="Remove">
                  <i class="fa fa-times"></i></button>
              </div>
              <!-- /. tools -->
            </div>
            <div class="box-body">
              <form action="#" method="post">
                <div class="form-group">
                  <input type="email" class="form-control" name="emailto" placeholder="Email to:">
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
674 
                </div>
A
Reformat code  
Abdullah Almsaeed 已提交
675 676 
                <div class="form-group">
                  <input type="text" class="form-control" name="subject" placeholder="Subject">
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
677 
                </div>
A
Reformat code  
Abdullah Almsaeed 已提交
678 679 
                <div>
                  <textarea class="textarea" placeholder="Message" style="width: 100%; height: 125px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
680 
                </div>
A
Reformat code  
Abdullah Almsaeed 已提交
681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 
              </form>
            </div>
            <div class="box-footer clearfix">
              <button type="button" class="pull-right btn btn-default" id="sendEmail">Send
                <i class="fa fa-arrow-circle-right"></i></button>
            </div>
          </div>

        </section>
        <!-- /.Left col -->
        <!-- right col (We are only adding the ID to make the widgets sortable)-->
        <section class="col-lg-5 connectedSortable">

          <!-- Map box -->
          <div class="box box-solid bg-light-blue-gradient">
            <div class="box-header">
              <!-- tools box -->
              <div class="pull-right box-tools">
                <button type="button" class="btn btn-primary btn-sm daterange pull-right" data-toggle="tooltip" title="Date range">
                  <i class="fa fa-calendar"></i></button>
                <button type="button" class="btn btn-primary btn-sm pull-right" data-widget="collapse" data-toggle="tooltip" title="Collapse" style="margin-right: 5px;">
                  <i class="fa fa-minus"></i></button>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
703 
              </div>
A
Reformat code  
Abdullah Almsaeed 已提交
704 705 706 
              <!-- /. tools -->

              <i class="fa fa-map-marker"></i>
A
Redisgned Dashboard  
almasaeed2010 已提交
707
A
Reformat code  
Abdullah Almsaeed 已提交
708 709 710 711 712 713 714 715 716 717 
              <h3 class="box-title">
                Visitors
              </h3>
            </div>
            <div class="box-body">
              <div id="world-map" style="height: 250px; width: 100%;"></div>
            </div>
            <!-- /.box-body-->
            <div class="box-footer no-border">
              <div class="row">
A
Update adminlte version  
Abdullah Almsaeed 已提交
718 
                <div class="col-xs-4 text-xs-center" style="border-right: 1px solid #f4f4f4">
A
Reformat code  
Abdullah Almsaeed 已提交
719 720 721 722 
                  <div id="sparkline-1"></div>
                  <div class="knob-label">Visitors</div>
                </div>
                <!-- ./col -->
A
Update adminlte version  
Abdullah Almsaeed 已提交
723 
                <div class="col-xs-4 text-xs-center" style="border-right: 1px solid #f4f4f4">
A
Reformat code  
Abdullah Almsaeed 已提交
724 725 
                  <div id="sparkline-2"></div>
                  <div class="knob-label">Online</div>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
726 
                </div>
A
Reformat code  
Abdullah Almsaeed 已提交
727 
                <!-- ./col -->
A
Update adminlte version  
Abdullah Almsaeed 已提交
728 
                <div class="col-xs-4 text-xs-center">
A
Reformat code  
Abdullah Almsaeed 已提交
729 730 
                  <div id="sparkline-3"></div>
                  <div class="knob-label">Exists</div>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
731 
                </div>
A
Reformat code  
Abdullah Almsaeed 已提交
732 
                <!-- ./col -->
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
733 
              </div>
A
Reformat code  
Abdullah Almsaeed 已提交
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 
              <!-- /.row -->
            </div>
          </div>
          <!-- /.box -->

          <!-- solid sales graph -->
          <div class="box box-solid bg-teal-gradient">
            <div class="box-header">
              <i class="fa fa-th"></i>

              <h3 class="box-title">Sales Graph</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn bg-teal btn-sm" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
                <button type="button" class="btn bg-teal btn-sm" data-widget="remove"><i class="fa fa-times"></i>
                </button>
              </div>
            </div>
            <div class="box-body border-radius-none">
              <div class="chart" id="line-chart" style="height: 250px;"></div>
            </div>
            <!-- /.box-body -->
            <div class="box-footer no-border">
              <div class="row">
A
Update adminlte version  
Abdullah Almsaeed 已提交
759 
                <div class="col-xs-4 text-xs-center" style="border-right: 1px solid #f4f4f4">
A
Reformat code  
Abdullah Almsaeed 已提交
760 761 762 
                  <input type="text" class="knob" data-readonly="true" value="20" data-width="60" data-height="60" data-fgColor="#39CCCC">

                  <div class="knob-label">Mail-Orders</div>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
763 
                </div>
A
Reformat code  
Abdullah Almsaeed 已提交
764 
                <!-- ./col -->
A
Update adminlte version  
Abdullah Almsaeed 已提交
765 
                <div class="col-xs-4 text-xs-center" style="border-right: 1px solid #f4f4f4">
A
Reformat code  
Abdullah Almsaeed 已提交
766 
                  <input type="text" class="knob" data-readonly="true" value="50" data-width="60" data-height="60" data-fgColor="#39CCCC">
A
Redisgned Dashboard  
almasaeed2010 已提交
767
A
Reformat code  
Abdullah Almsaeed 已提交
768 769 770 
                  <div class="knob-label">Online</div>
                </div>
                <!-- ./col -->
A
Update adminlte version  
Abdullah Almsaeed 已提交
771 
                <div class="col-xs-4 text-xs-center">
A
Reformat code  
Abdullah Almsaeed 已提交
772 
                  <input type="text" class="knob" data-readonly="true" value="30" data-width="60" data-height="60" data-fgColor="#39CCCC">
A
Uploaded  
Abdullah Almsaeed 已提交
773
A
Reformat code  
Abdullah Almsaeed 已提交
774 
                  <div class="knob-label">In-Store</div>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
775 
                </div>
A
Reformat code  
Abdullah Almsaeed 已提交
776 777 778 779 780 781 782 
                <!-- ./col -->
              </div>
              <!-- /.row -->
            </div>
            <!-- /.box-footer -->
          </div>
          <!-- /.box -->
A
Uploaded  
Abdullah Almsaeed 已提交
783
A
Reformat code  
Abdullah Almsaeed 已提交
784 785 786 787 
          <!-- Calendar -->
          <div class="box box-solid bg-green-gradient">
            <div class="box-header">
              <i class="fa fa-calendar"></i>
A
Uploaded  
Abdullah Almsaeed 已提交
788
A
Reformat code  
Abdullah Almsaeed 已提交
789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 808 809 810 811 812 813 814 815 816 817 818 819 820 821 822 
              <h3 class="box-title">Calendar</h3>
              <!-- tools box -->
              <div class="pull-right box-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>
                  <ul class="dropdown-menu pull-right" role="menu">
                    <li><a href="#">Add new event</a></li>
                    <li><a href="#">Clear events</a></li>
                    <li class="divider"></li>
                    <li><a href="#">View calendar</a></li>
                  </ul>
                </div>
                <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>
              </div>
              <!-- /. tools -->
            </div>
            <!-- /.box-header -->
            <div class="box-body no-padding">
              <!--The calendar -->
              <div id="calendar" style="width: 100%"></div>
            </div>
            <!-- /.box-body -->
            <div class="box-footer text-black">
              <div class="row">
                <div class="col-sm-6">
                  <!-- Progress bars -->
                  <div class="clearfix">
                    <span class="pull-left">Task #1</span>
                    <small class="pull-right">90%</small>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
823 
                  </div>
A
Reformat code  
Abdullah Almsaeed 已提交
824 825 
                  <div class="progress xs">
                    <div class="progress-bar progress-bar-green" style="width: 90%;"></div>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
826 
                  </div>
A
Reformat code  
Abdullah Almsaeed 已提交
827 828 829 830 

                  <div class="clearfix">
                    <span class="pull-left">Task #2</span>
                    <small class="pull-right">70%</small>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
831 
                  </div>
A
Reformat code  
Abdullah Almsaeed 已提交
832 833 
                  <div class="progress xs">
                    <div class="progress-bar progress-bar-green" style="width: 70%;"></div>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
834 
                  </div>
A
Reformat code  
Abdullah Almsaeed 已提交
835 836 837 838 839 840 
                </div>
                <!-- /.col -->
                <div class="col-sm-6">
                  <div class="clearfix">
                    <span class="pull-left">Task #3</span>
                    <small class="pull-right">60%</small>
D
Format index pages  
Dennis Neufeld 已提交
841 
                  </div>
A
Reformat code  
Abdullah Almsaeed 已提交
842 843 
                  <div class="progress xs">
                    <div class="progress-bar progress-bar-green" style="width: 60%;"></div>
D
Format index pages  
Dennis Neufeld 已提交
844 
                  </div>
A
Reformat code  
Abdullah Almsaeed 已提交
845 846 847 848 

                  <div class="clearfix">
                    <span class="pull-left">Task #4</span>
                    <small class="pull-right">40%</small>
D
Format index pages  
Dennis Neufeld 已提交
849 
                  </div>
A
Reformat code  
Abdullah Almsaeed 已提交
850 851 
                  <div class="progress xs">
                    <div class="progress-bar progress-bar-green" style="width: 40%;"></div>
D
Format index pages  
Dennis Neufeld 已提交
852 
                  </div>
A
Reformat code  
Abdullah Almsaeed 已提交
853 854 855 856 857 858 859 
                </div>
                <!-- /.col -->
              </div>
              <!-- /.row -->
            </div>
          </div>
          <!-- /.box -->
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
860
A
Reformat code  
Abdullah Almsaeed 已提交
861 862 863 864 
        </section>
        <!-- right col -->
      </div>
      <!-- /.row (main row) -->
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
865
A
Reformat code  
Abdullah Almsaeed 已提交
866 867 868 869 870 871 
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
  <footer class="main-footer">
    <div class="pull-right hidden-xs">
A
Increment version number  
Abdullah Almsaeed 已提交
872 
      <b>Version</b> 2.3.2
A
Reformat code  
Abdullah Almsaeed 已提交
873 874 875 876 877 878 879 880 881 882 883 884 885 886 887 888 889 890 891 
    </div>
    <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
    reserved.
  </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
Remove JS links error  
Abdullah Almsaeed 已提交
892 
            <a href="javascript:;">
A
Reformat code  
Abdullah Almsaeed 已提交
893 894 895 896 897 898 899 900 901 902 
              <i class="menu-icon fa fa-birthday-cake bg-red"></i>

              <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
Remove JS links error  
Abdullah Almsaeed 已提交
903 
            <a href="javascript:;">
A
Reformat code  
Abdullah Almsaeed 已提交
904 905 906 907 908 909 910 911 912 913 
              <i class="menu-icon fa fa-user bg-yellow"></i>

              <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
Remove JS links error  
Abdullah Almsaeed 已提交
914 
            <a href="javascript:;">
A
Reformat code  
Abdullah Almsaeed 已提交
915 916 917 918 919 920 921 922 923 924 
              <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>

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

                <p>nora@example.com</p>
              </div>
            </a>
          </li>
          <li>
A
Remove JS links error  
Abdullah Almsaeed 已提交
925 
            <a href="javascript:;">
A
Reformat code  
Abdullah Almsaeed 已提交
926 927 928 929 930 931 932 933 934 935 936 937 938 939 940 
              <i class="menu-icon fa fa-file-code-o bg-green"></i>

              <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
Remove JS links error  
Abdullah Almsaeed 已提交
941 
            <a href="javascript:;">
A
Reformat code  
Abdullah Almsaeed 已提交
942 943 
              <h4 class="control-sidebar-subheading">
                Custom Template Design
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
944 
                <span class="tag tag-danger pull-right">70%</span>
A
Reformat code  
Abdullah Almsaeed 已提交
945 946 947 948 949 950 951 952 
              </h4>

              <div class="progress progress-xxs">
                <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
              </div>
            </a>
          </li>
          <li>
A
Remove JS links error  
Abdullah Almsaeed 已提交
953 
            <a href="javascript:;">
A
Reformat code  
Abdullah Almsaeed 已提交
954 955 
              <h4 class="control-sidebar-subheading">
                Update Resume
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
956 
                <span class="tag tag-success pull-right">95%</span>
A
Reformat code  
Abdullah Almsaeed 已提交
957 958 959 960 961 962 963 964 
              </h4>

              <div class="progress progress-xxs">
                <div class="progress-bar progress-bar-success" style="width: 95%"></div>
              </div>
            </a>
          </li>
          <li>
A
Remove JS links error  
Abdullah Almsaeed 已提交
965 
            <a href="javascript:;">
A
Reformat code  
Abdullah Almsaeed 已提交
966 967 
              <h4 class="control-sidebar-subheading">
                Laravel Integration
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
968 
                <span class="tag tag-warning pull-right">50%</span>
A
Reformat code  
Abdullah Almsaeed 已提交
969 970 971 972 973 974 975 976 
              </h4>

              <div class="progress progress-xxs">
                <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
              </div>
            </a>
          </li>
          <li>
A
Remove JS links error  
Abdullah Almsaeed 已提交
977 
            <a href="javascript:;">
A
Reformat code  
Abdullah Almsaeed 已提交
978 979 
              <h4 class="control-sidebar-subheading">
                Back End Framework
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
980 
                <span class="tag tag-primary pull-right">68%</span>
A
Reformat code  
Abdullah Almsaeed 已提交
981 982 983 984 985 986 987 988 989 990 991 992 993 994 995 996 997 998 999 1000 1001 1002 1003 1004 1005 1006 1007 1008 1009 1010 1011 1012 1013 1014 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 1043 1044 1045 1046 1047 1048 1049 1050 1051 1052 1053 1054 1055 1056 1057 
              </h4>

              <div class="progress progress-xxs">
                <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
              </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
              <input type="checkbox" class="pull-right" checked>
            </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
              <input type="checkbox" class="pull-right" checked>
            </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
              <input type="checkbox" class="pull-right" checked>
            </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
              <input type="checkbox" class="pull-right" checked>
            </label>
          </div>
          <!-- /.form-group -->

          <div class="form-group">
            <label class="control-sidebar-subheading">
              Turn off notifications
              <input type="checkbox" class="pull-right">
            </label>
          </div>
          <!-- /.form-group -->

          <div class="form-group">
            <label class="control-sidebar-subheading">
              Delete chat history
A
Remove JS links error  
Abdullah Almsaeed 已提交
1058 
              <a href="javascript:;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
A
Reformat code  
Abdullah Almsaeed 已提交
1059 1060 1061 1062 1063 1064 1065 1066 1067 1068 1069 1070 1071 1072 1073 1074 1075 1076 1077 1078 1079 1080 1081 1082 
            </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 -->

<!-- jQuery 2.1.4 -->
<script src="plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
  $.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Bootstrap 3.3.5 -->
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
1083 
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
A
Reformat code  
Abdullah Almsaeed 已提交
1084 1085 1086 1087 1088 1089 1090 1091 1092 1093 1094 1095 1096 1097 1098 1099 1100 1101 1102 1103 
<!-- 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 已提交
1104 
<script src="plugins/fastclick/fastclick.js"></script>
A
Reformat code  
Abdullah Almsaeed 已提交
1105 
<!-- AdminLTE App -->
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
1106 
<script src="dist/js/adminlte.min.js"></script>
A
Reformat code  
Abdullah Almsaeed 已提交
1107 1108 1109 1110 1111 
<!-- 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 已提交
1112 
</html>