Skip to content

A
AdminLTE

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

从无法访问的项目Fork

通知 1
Star 0
Fork 0
A
AdminLTE

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

切换分支/标签
查找文件 普通视图历史永久链接Permalink
starter.html 25.1 KB
Newer Older
A
Add bower_components to gitignore  
Abdullah Almsaeed 已提交
1 2 3 4 5 6 7 
<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html lang="en">
<head>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
8 9 10 
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
A
Add bower_components to gitignore  
Abdullah Almsaeed 已提交
11
A
Update adminlte version  
Abdullah Almsaeed 已提交
12 
  <title>AdminLTE 3 | Starter</title>
A
Add bower_components to gitignore  
Abdullah Almsaeed 已提交
13
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
14 15 16 17 
  <!-- Font Awesome Icons -->
  <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="dist/css/adminlte.min.css">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
18 
  <!-- Google Font: Source Sans Pro -->
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
19 
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
A
Add bower_components to gitignore  
Abdullah Almsaeed 已提交
20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 
</head>
<!--
BODY TAG OPTIONS:
=================
Apply one or more of the following classes to to the body tag
to get the desired effect
|---------------------------------------------------------|
| SKINS         | skin-blue                               |
|               | skin-black                              |
|               | skin-purple                             |
|               | skin-yellow                             |
|               | skin-red                                |
|               | skin-green                              |
|---------------------------------------------------------|
|LAYOUT OPTIONS | layout-fixed                            |
|               | layout-boxed                            |
|               | layout-top-nav                          |
|               | sidebar-collapse                        |
|               | sidebar-mini                            |
|---------------------------------------------------------|
-->
A
Create site wide search bar  
Abdullah Almsaeed 已提交
41 
<body class="hold-transition skin-blue sidebar-mini">
A
Add bower_components to gitignore  
Abdullah Almsaeed 已提交
42 
<div class="wrapper">
A
Create site wide search bar  
Abdullah Almsaeed 已提交
43 44 45 46 47 48 49 50 51 52 
  <!-- Site Wide Search -->
  <div class="site-search-block">
    <a href="#" class="site-search-close" data-widget="site-search"><i class="fa fa-arrow-left"></i></a>
    <form action="#" method="get">
      <input name="query" type="search" class="form-control" placeholder="Site Search">
      <button type="submit" class="site-search-submit"><i class="fa fa-search"></i></button>
    </form>
    <div class="site-search-backdrop"></div>
  </div>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
53 54 55 56 57 58 59 
  <!-- Navbar -->
  <nav class="main-header navbar navbar-sticky-top bg-primary navbar-dark">
    <!-- Logo -->
    <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>
A
Add bower_components to gitignore  
Abdullah Almsaeed 已提交
60
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
61 62 63 64 65 
    <!-- 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>
A
Update adminlte version  
Abdullah Almsaeed 已提交
66 67 
      <li class="nav-item hidden-xs-down"><a href="#" class="nav-link">Home</a></li>
      <li class="nav-item hidden-xs-down"><a href="#" class="nav-link">Contact</a></li>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
68 
    </ul>
A
Add bower_components to gitignore  
Abdullah Almsaeed 已提交
69
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
70 71 
    <!-- Right navbar links -->
    <ul class="nav navbar-nav float-sm-right">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
72 
      <!-- Messages Dropdown Menu -->
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
73 
      <li class="nav-item dropdown">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
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 
        <a class="nav-link" data-toggle="dropdown" href="#">
          <i class="fa fa-comments-o"></i>
          <span class="tag tag-danger navbar-tag">3</span>
        </a>
        <div class="dropdown-menu dropdown-menu-lg">
          <a href="#" class="dropdown-item">
            <!-- Message Start -->
            <div class="media-left">
              <img src="dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle">
            </div>
            <div class="media-body">
              <h3 class="dropdown-item-title">
                Brad Diesel
                <span class="float-xs-right text-xs text-danger"><i class="fa fa-star"></i></span>
              </h3>
              <p class="text-sm">Call me whenever you can...</p>
              <p class="text-xs text-muted"><i class="fa fa-clock-o margin-r-5"></i> 4 Hours Ago</p>
            </div>
            <!-- Message End -->
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <!-- Message Start -->
            <div class="media-left">
              <img src="dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle">
            </div>
            <div class="media-body">
              <h3 class="dropdown-item-title">
                John Pierce
                <span class="float-xs-right text-xs text-muted"><i class="fa fa-star"></i></span>
              </h3>
              <p class="text-sm">I got your message bro</p>
              <p class="text-xs text-muted"><i class="fa fa-clock-o margin-r-5"></i> 4 Hours Ago</p>
            </div>
            <!-- Message End -->
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <!-- Message Start -->
            <div class="media-left">
              <img src="dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle">
            </div>
            <div class="media-body">
              <h3 class="dropdown-item-title">
                Nora Silvester
                <span class="float-xs-right text-xs text-warning"><i class="fa fa-star"></i></span>
              </h3>
              <p class="text-sm">The subject goes here</p>
              <p class="text-xs text-muted"><i class="fa fa-clock-o margin-r-5"></i> 4 Hours Ago</p>
            </div>
            <!-- Message End -->
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
        </div>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
129 
      </li>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
130 
      <!-- Notifications Dropdown Menu -->
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
131 
      <li class="nav-item dropdown">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 
        <a class="nav-link" data-toggle="dropdown" href="#">
          <i class="fa fa-bell-o"></i>
          <span class="tag tag-warning navbar-tag">15</span>
        </a>
        <div class="dropdown-menu dropdown-menu-lg">
          <span class="dropdown-item dropdown-header">15 Notifications</span>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <i class="fa fa-envelope icon-wide"></i> 4 new messages
            <span class="float-xs-right text-muted text-sm">3 mins</span>
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <i class="fa fa-users icon-wide"></i> 8 friend requests
            <span class="float-xs-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-xs-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>
        </div>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
156 
      </li>
A
Create site wide search bar  
Abdullah Almsaeed 已提交
157 158 159 
      <!-- SEARCH FORM -->
      <li class="nav-item">
        <a href="#" class="nav-link" data-widget="site-search"><i class="fa fa-search"></i></a>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
160 
      </li>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
161 
      <li class="nav-item">
A
Update search to remove headers and keep parent menus open if a search match is found  
Abdullah Almsaeed 已提交
162 
        <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#"><i class="fa fa-th-large"></i></a>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 
      </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>
A
Add bower_components to gitignore  
Abdullah Almsaeed 已提交
186 
            </div>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
187 188 189 
          </div>
        </div>
      </div>
A
Add bower_components to gitignore  
Abdullah Almsaeed 已提交
190
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
191 
      <form action="#" method="get" class="sidebar-form">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
192 
        <div class="form-group has-icon">
A
Create Search plugin  
Abdullah Almsaeed 已提交
193 
          <input type="search" name="q" class="form-control" placeholder="Search" data-widget="search" data-target="#searchable-treeview">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
194 195 196 
          <button type="submit" class="form-icon"><i class="fa fa-search"></i></button>
        </div>
      </form><!-- /.sidebar-form -->
A
Update adminlte version  
Abdullah Almsaeed 已提交
197
A
Add bower_components to gitignore  
Abdullah Almsaeed 已提交
198
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
199 200 201 
      <!-- Sidebar Menu -->
      <nav>
        <ul class="nav nav-pills nav-sidebar nav-stacked" id="searchable-treeview" data-widget="treeview" role="menu">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
202 
          <li class="nav-header">COMPONENTS</li>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
203 204 
          <!-- Optionally, you can add icons to the links using the .nav-icon class
               paired with font-awesome or any other icon font library -->
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
205 206 
          <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
207 208 209 210 211 
              <i class="nav-icon fa fa-dashboard"></i> <span class="text">Dashboard</span>
              <i class="fa fa-angle-left pull-right"></i>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
A
Update adminlte version  
Abdullah Almsaeed 已提交
212 
                <a href="./index.html" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Dashboard v.1</a>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
213 214 
              </li>
              <li class="nav-item">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
215 
                <a href="./index2.html" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Dashboard v.2</a>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
216 217 
              </li>
              <li class="nav-item">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
218 
                <a href="./index3.html" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Dashboard v.3</a>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
219 220 221 222 223 
              </li>
            </ul>
          </li>
          <li class="nav-item">
            <a href="#" class="nav-link">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
224 225 226 227 228 229 
              <i class="nav-icon fa fa-th"></i> <span class="text">Widgets</span> <span class="tag tag-danger float-xs-right">New</span>
            </a>
          </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>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
230 231 232 233 
              <i class="fa fa-angle-left pull-right"></i>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
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 346 347 348 349 350 351 352 353 354 355 356 357 358 
                <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>
              </li>
            </ul>
          </li>
          <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>
            <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>
              </li>
              <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>
              </li>
            </ul>
          </li>
          <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>
            <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>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Advanced Elements</a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Editors</a>
              </li>
            </ul>
          </li>
          <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-header">EXAMPLES</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 menu-open">
            <a href="#" class="nav-link active">
              <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>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
359 360 
              </li>
              <li class="nav-item">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 
                <a href="starter.html" class="nav-link active"><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>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
378 
                <ul class="nav nav-treeview">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
379 
                  <li class="nav-item"><a href="#" class="nav-link"><i class="fa fa-circle-o nav-icon"></i> Level Two</a></li>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
380 
                  <li class="nav-item">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
381 
                    <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>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
382 
                    <ul class="nav nav-treeview">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
383 384 385 
                      <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 -->
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
386 
                  </li>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
387 
                </ul><!-- Level 2 -->
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
388 
              </li>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 
            </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
Add more features to the starter template  
Abdullah Almsaeed 已提交
405 406 407 408 409 410 411 
          </li>
        </ul>
      </nav>
      <!-- /.sidebar-menu -->
    </div>
    <!-- /.sidebar -->
  </aside>
A
Add bower_components to gitignore  
Abdullah Almsaeed 已提交
412
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header container-fluid">
      <div class="row">
        <div class="col-sm-6">
          <h1>Page Header</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
Add bower_components to gitignore  
Abdullah Almsaeed 已提交
430
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
431 432 433 434 435 436 437 
    <!-- Main content -->
    <div class="content container-fluid">
      <div class="row">
        <div class="col-lg-6">
          <!-- Your Page Content Here -->
          <div class="card card-block">
            <h5 class="card-title">Card title</h5>
A
Add bower_components to gitignore  
Abdullah Almsaeed 已提交
438
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
439 440 441 442 443 444 445 
            <p class="card-text">
              Some quick example text to build on the card title and make up the bulk of the card's
              content.
            </p>
            <a href="#" class="card-link">Card link</a>
            <a href="#" class="card-link">Another link</a>
          </div>
A
Add bower_components to gitignore  
Abdullah Almsaeed 已提交
446
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
447 448 449 
          <!-- Your Page Content Here -->
          <div class="card card-block">
            <h5 class="card-title">Card title</h5>
A
Add bower_components to gitignore  
Abdullah Almsaeed 已提交
450
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 
            <p class="card-text">
              Some quick example text to build on the card title and make up the bulk of the card's
              content.
            </p>
            <a href="#" class="card-link">Card link</a>
            <a href="#" class="card-link">Another link</a>
          </div>
        </div>
        <!-- /.col-md-6 -->
        <div class="col-lg-6">
          <div class="card">
            <div class="card-header">
              <h5 class="no-margin">Featured</h5>
            </div>
            <div class="card-block">
              <h6 class="card-title">Special title treatment</h6>
A
Add bower_components to gitignore  
Abdullah Almsaeed 已提交
467
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
468 469 470 471 
              <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
              <a href="#" class="btn btn-primary">Go somewhere</a>
            </div>
          </div>
A
Add bower_components to gitignore  
Abdullah Almsaeed 已提交
472
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
473 474 475 476 477 478 
          <div class="card">
            <div class="card-header">
              <h5 class="no-margin">Featured</h5>
            </div>
            <div class="card-block">
              <h6 class="card-title">Special title treatment</h6>
A
Add bower_components to gitignore  
Abdullah Almsaeed 已提交
479
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
480 481 
              <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
              <a href="#" class="btn btn-primary">Go somewhere</a>
A
Add bower_components to gitignore  
Abdullah Almsaeed 已提交
482 
            </div>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
483 
          </div>
A
Add bower_components to gitignore  
Abdullah Almsaeed 已提交
484 
        </div>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
485 486 487 
        <!-- /.col-md-6 -->
      </div>
      <!-- /.row -->
A
Add bower_components to gitignore  
Abdullah Almsaeed 已提交
488 
    </div>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
489 490 491 
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
492 493 

  <!-- Control Sidebar (a secondary optional sidebar) -->
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
494 
  <aside class="control-sidebar control-sidebar-dark">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
495 496 497 498 
    <!-- Tabs -->
    <ul class="nav nav-tabs">
      <li class="nav-item">
        <a class="nav-link active" href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
499 500 501 502 503 
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a>
      </li>
    </ul>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
504
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
505 506 507 508 
    <!-- Tab panes -->
    <div class="tab-content">
      <!-- Home tab content -->
      <div class="tab-pane active" id="control-sidebar-home-tab">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 
        <h5>Notifications</h5>
        <div class="media">
          <div class="media-left">
            <i class="fa fa-birthday-cake bg-red size-40 img-rounded"></i>
          </div>
          <div class="media-body">
            <h6 class="no-margin">Langdon's Birthday</h6>
            <p class="text-sm">Will be 23 on April 24th</p>
          </div>
        </div>
        <div class="media">
          <div class="media-left">
            <i class="fa fa-clock-o bg-green size-40 img-rounded"></i>
          </div>
          <div class="media-body">
            <h6 class="no-margin">Call Robert</h6>
            <p class="text-sm">6:00 PM</p>
          </div>
        </div>
A
Add bower_components to gitignore  
Abdullah Almsaeed 已提交
528
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
529 530 531 532 533 534 535 536 537 538 
        <h5 class="control-sidebar-heading">Tasks Progress</h5>
        <ul class="list-unstyled">
          <li>
            <h6>
              <a href="#">
                Custom Theme Design
                <span class="tag tag-danger float-xs-right">70%</span>
              </a>
            </h6>
            <progress class="progress progress-danger progress-xs" value="70" max="100"></progress>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
539 540 
          </li>
          <li>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 
            <h6>
              <a href="#">
                Create Shipping Tags
                <span class="tag tag-warning float-xs-right">60%</span>
              </a>
            </h6>
            <progress class="progress progress-warning progress-xs" value="60" max="100"></progress>
          </li>
          <li>
            <h6>
              <a href="#">
                Send Invitations
                <span class="tag tag-info float-xs-right">40%</span>
              </a>
            </h6>
            <progress class="progress progress-info progress-xs" value="40" max="100"></progress>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
557 558 559 560 561 
          </li>
        </ul>
        <!-- /.control-sidebar-menu -->
      </div>
      <!-- /.tab-pane -->
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
562
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
563 564 565 
      <!-- Settings tab content -->
      <div class="tab-pane" id="control-sidebar-settings-tab">
        <form method="post">
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
566 
          <h5>General Settings</h5>
A
Add bower_components to gitignore  
Abdullah Almsaeed 已提交
567
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
568 569 570 
          <div class="form-check">
            <label class="form-control-label d-block">
              <input type="checkbox" class="form-check-input float-xs-right" checked>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
571 572 
              Report panel usage
            </label>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
573 
            <small class='form-text'>Some information about this general settings option</small>
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
574 
          </div>
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
575 
          <!-- /.form-check -->
A
Add more features to the starter template  
Abdullah Almsaeed 已提交
576 577 578 579 580 581 
        </form>
      </div>
      <!-- /.tab-pane -->
    </div>
  </aside>
  <!-- /.control-sidebar -->
A
Replace labels with tags according to BS4 implementation  
Abdullah Almsaeed 已提交
582 583 584 585 586 587 588 589 590 591 592 593 594 

  <!-- THIS CLEARFIX IS REQUIRED FOR THE LAYOUT TO WORK! -->
  <div class="clearfix"></div><!-- /.clearfix -->

  <!-- Main Footer -->
  <footer class="main-footer">
    <!-- To the right -->
    <div class="float-xs-right hidden-xs-down">
      Anything you want
    </div>
    <!-- Default to the left -->
    <strong>Copyright &copy; 2015 <a href="#">Company</a>.</strong> All rights reserved.
  </footer>
A
Add bower_components to gitignore  
Abdullah Almsaeed 已提交
595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 
</div>
<!-- ./wrapper -->

<!-- REQUIRED SCRIPTS -->

<!-- jQuery -->
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<!-- Tether -->
<script src="bower_components/tether/dist/js/tether.min.js"></script>
<!-- Bootstrap -->
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/adminlte.js"></script>

<!-- OPTIONAL SCRIPTS -->
<script src="dist/js/demo.js"></script>

</body>
</html>