Skip to content

A
AdminLTE

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

从无法访问的项目Fork

通知 1
Star 0
Fork 0
A
AdminLTE

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

切换分支/标签
查找文件 普通视图历史永久链接Permalink
starter.html 14.8 KB
Newer Older
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
1 2 3 4 5 6 
<!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>
A
Reformat code  
Abdullah Almsaeed 已提交
7 8 9 10 11 12 13 14 15 
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>AdminLTE 2 | Starter</title>
  <!-- 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">
  <!-- Bootstrap 3.3.5 -->
  <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
  <!-- Font Awesome -->
S
update font-awesome to 4.5.0, change CDN to cdnjs.com  
Szymon Bluma 已提交
16 
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
A
Reformat code  
Abdullah Almsaeed 已提交
17 
  <!-- Ionicons -->
S
update font-awesome to 4.5.0, change CDN to cdnjs.com  
Szymon Bluma 已提交
18 
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
A
Reformat code  
Abdullah Almsaeed 已提交
19 20 21 22 23 
  <!-- Theme style -->
  <link rel="stylesheet" href="dist/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. We have chosen the skin-blue for this starter
        page. However, you can choose any other skin. Make sure you
        apply the skin class to the body tag so the changes take effect.
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
24 
  -->
A
Reformat code  
Abdullah Almsaeed 已提交
25 
  <link rel="stylesheet" href="dist/css/skins/skin-blue.min.css">
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
26
A
Reformat code  
Abdullah Almsaeed 已提交
27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 
  <!-- 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 TAG OPTIONS:
=================
Apply one or more of the following classes to get the
desired effect
|---------------------------------------------------------|
| SKINS         | skin-blue                               |
|               | skin-black                              |
|               | skin-purple                             |
|               | skin-yellow                             |
|               | skin-red                                |
|               | skin-green                              |
|---------------------------------------------------------|
|LAYOUT OPTIONS | fixed                                   |
|               | layout-boxed                            |
|               | layout-top-nav                          |
|               | sidebar-collapse                        |
|               | sidebar-mini                            |
|---------------------------------------------------------|
-->
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
56
A
Reformat code  
Abdullah Almsaeed 已提交
57 58 
  <!-- Main Header -->
  <header class="main-header">
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
59
A
Reformat code  
Abdullah Almsaeed 已提交
60 61 62 63 64 65 66 
    <!-- Logo -->
    <a href="index2.html" class="logo">
      <!-- mini logo for sidebar mini 50x50 pixels -->
      <span class="logo-mini"><b>A</b>LT</span>
      <!-- logo for regular state and mobile devices -->
      <span class="logo-lg"><b>Admin</b>LTE</span>
    </a>
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
67
A
Reformat code  
Abdullah Almsaeed 已提交
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 
    <!-- Header Navbar -->
    <nav class="navbar navbar-static-top" role="navigation">
      <!-- Sidebar toggle button-->
      <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
        <span class="sr-only">Toggle navigation</span>
      </a>
      <!-- Navbar Right Menu -->
      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
          <!-- Messages: style can be found in dropdown.less-->
          <li class="dropdown messages-menu">
            <!-- Menu toggle button -->
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <i class="fa fa-envelope-o"></i>
              <span class="label label-success">4</span>
            </a>
            <ul class="dropdown-menu">
              <li class="header">You have 4 messages</li>
              <li>
                <!-- inner menu: contains the messages -->
                <ul class="menu">
                  <li><!-- start message -->
                    <a href="#">
                      <div class="pull-left">
                        <!-- User Image -->
                        <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
                      </div>
                      <!-- Message title and timestamp -->
                      <h4>
                        Support Team
                        <small><i class="fa fa-clock-o"></i> 5 mins</small>
                      </h4>
                      <!-- The message -->
                      <p>Why not buy a new awesome theme?</p>
                    </a>
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
103 
                  </li>
A
Reformat code  
Abdullah Almsaeed 已提交
104 
                  <!-- end message -->
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
105 
                </ul>
A
Reformat code  
Abdullah Almsaeed 已提交
106 
                <!-- /.menu -->
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
107 
              </li>
A
Reformat code  
Abdullah Almsaeed 已提交
108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 
              <li class="footer"><a href="#">See All Messages</a></li>
            </ul>
          </li>
          <!-- /.messages-menu -->

          <!-- Notifications Menu -->
          <li class="dropdown notifications-menu">
            <!-- Menu toggle button -->
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <i class="fa fa-bell-o"></i>
              <span class="label label-warning">10</span>
            </a>
            <ul class="dropdown-menu">
              <li class="header">You have 10 notifications</li>
              <li>
                <!-- Inner Menu: contains the notifications -->
                <ul class="menu">
                  <li><!-- start notification -->
                    <a href="#">
                      <i class="fa fa-users text-aqua"></i> 5 new members joined today
                    </a>
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
129 
                  </li>
A
Reformat code  
Abdullah Almsaeed 已提交
130 
                  <!-- end notification -->
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
131 132 
                </ul>
              </li>
A
Reformat code  
Abdullah Almsaeed 已提交
133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 
              <li class="footer"><a href="#">View all</a></li>
            </ul>
          </li>
          <!-- Tasks Menu -->
          <li class="dropdown tasks-menu">
            <!-- Menu Toggle Button -->
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <i class="fa fa-flag-o"></i>
              <span class="label label-danger">9</span>
            </a>
            <ul class="dropdown-menu">
              <li class="header">You have 9 tasks</li>
              <li>
                <!-- Inner menu: contains the tasks -->
                <ul class="menu">
                  <li><!-- Task item -->
                    <a href="#">
                      <!-- Task title and progress text -->
                      <h3>
                        Design some buttons
                        <small class="pull-right">20%</small>
                      </h3>
                      <!-- The progress bar -->
                      <div class="progress xs">
                        <!-- Change the css width attribute to simulate progress -->
                        <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                          <span class="sr-only">20% Complete</span>
                        </div>
A
Fix bootlint E014  
Abdullah Almsaeed 已提交
161 
                      </div>
A
Reformat code  
Abdullah Almsaeed 已提交
162 
                    </a>
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
163 
                  </li>
A
Reformat code  
Abdullah Almsaeed 已提交
164 
                  <!-- end task item -->
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
165 166 
                </ul>
              </li>
A
Reformat code  
Abdullah Almsaeed 已提交
167 168 
              <li class="footer">
                <a href="#">View all tasks</a>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
169 
              </li>
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
170 
            </ul>
A
Reformat code  
Abdullah Almsaeed 已提交
171 172 173 174 175 176 177 178 179 180 181 182 183 184 
          </li>
          <!-- User Account Menu -->
          <li class="dropdown user user-menu">
            <!-- Menu Toggle Button -->
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <!-- The user image in the navbar-->
              <img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
              <!-- hidden-xs hides the username on small devices so only the image appears. -->
              <span class="hidden-xs">Alexander Pierce</span>
            </a>
            <ul class="dropdown-menu">
              <!-- The user image in the menu -->
              <li class="user-header">
                <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
185
A
Reformat code  
Abdullah Almsaeed 已提交
186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 
                <p>
                  Alexander Pierce - Web Developer
                  <small>Member since Nov. 2012</small>
                </p>
              </li>
              <!-- Menu Body -->
              <li class="user-body">
                <div class="row">
                  <div class="col-xs-4 text-center">
                    <a href="#">Followers</a>
                  </div>
                  <div class="col-xs-4 text-center">
                    <a href="#">Sales</a>
                  </div>
                  <div class="col-xs-4 text-center">
                    <a href="#">Friends</a>
                  </div>
                </div>
                <!-- /.row -->
              </li>
              <!-- Menu Footer-->
              <li class="user-footer">
                <div class="pull-left">
                  <a href="#" class="btn btn-default btn-flat">Profile</a>
                </div>
                <div class="pull-right">
                  <a href="#" class="btn btn-default btn-flat">Sign out</a>
                </div>
              </li>
            </ul>
          </li>
          <!-- Control Sidebar Toggle Button -->
          <li>
            <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
          </li>
        </ul>
      </div>
    </nav>
  </header>
  <!-- Left side column. contains the logo and sidebar -->
  <aside class="main-sidebar">
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
227
A
Reformat code  
Abdullah Almsaeed 已提交
228 229 230 231 232 233 234 235 236 237 238 239 240 241 
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">

      <!-- Sidebar user panel (optional) -->
      <div class="user-panel">
        <div class="pull-left image">
          <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
        </div>
        <div class="pull-left info">
          <p>Alexander Pierce</p>
          <!-- Status -->
          <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
        </div>
      </div>
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
242
A
Reformat code  
Abdullah Almsaeed 已提交
243 244 245 246 
      <!-- search form (Optional) -->
      <form action="#" method="get" class="sidebar-form">
        <div class="input-group">
          <input type="text" name="q" class="form-control" placeholder="Search...">
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
247 
              <span class="input-group-btn">
A
Reformat code  
Abdullah Almsaeed 已提交
248 249 
                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
                </button>
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
250 
              </span>
A
Reformat code  
Abdullah Almsaeed 已提交
251 252 253 
        </div>
      </form>
      <!-- /.search form -->
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
254
A
Reformat code  
Abdullah Almsaeed 已提交
255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 
      <!-- Sidebar Menu -->
      <ul class="sidebar-menu">
        <li class="header">HEADER</li>
        <!-- Optionally, you can add icons to the links -->
        <li class="active"><a href="#"><i class="fa fa-link"></i> <span>Link</span></a></li>
        <li><a href="#"><i class="fa fa-link"></i> <span>Another Link</span></a></li>
        <li class="treeview">
          <a href="#"><i class="fa fa-link"></i> <span>Multilevel</span> <i class="fa fa-angle-left pull-right"></i></a>
          <ul class="treeview-menu">
            <li><a href="#">Link in level 2</a></li>
            <li><a href="#">Link in level 2</a></li>
          </ul>
        </li>
      </ul>
      <!-- /.sidebar-menu -->
    </section>
    <!-- /.sidebar -->
  </aside>
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
273
A
Reformat code  
Abdullah Almsaeed 已提交
274 275 276 277 278 279 280 281 282 283 284 285 286 
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        Page Header
        <small>Optional description</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
        <li class="active">Here</li>
      </ol>
    </section>
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
287
A
Reformat code  
Abdullah Almsaeed 已提交
288 289 
    <!-- Main content -->
    <section class="content">
A
Updated links to display sidebar mini properly  
Abdullah Almsaeed 已提交
290
A
Reformat code  
Abdullah Almsaeed 已提交
291 
      <!-- Your Page Content Here -->
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
292
A
Reformat code  
Abdullah Almsaeed 已提交
293 294 295 296 
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
297
A
Reformat code  
Abdullah Almsaeed 已提交
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 
  <!-- Main Footer -->
  <footer class="main-footer">
    <!-- To the right -->
    <div class="pull-right hidden-xs">
      Anything you want
    </div>
    <!-- Default to the left -->
    <strong>Copyright &copy; 2015 <a href="#">Company</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 class="active"><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 active" id="control-sidebar-home-tab">
        <h3 class="control-sidebar-heading">Recent Activity</h3>
        <ul class="control-sidebar-menu">
          <li>
            <a href="javascript::;">
              <i class="menu-icon fa fa-birthday-cake bg-red"></i>
D
Format index pages  
Dennis Neufeld 已提交
324
A
Reformat code  
Abdullah Almsaeed 已提交
325 326 327 328 329 330 331 
              <div class="menu-info">
                <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>

                <p>Will be 23 on April 24th</p>
              </div>
            </a>
          </li>
A
RTL version in progress  
Abdullah Almsaeed 已提交
332 
        </ul>
A
Reformat code  
Abdullah Almsaeed 已提交
333 
        <!-- /.control-sidebar-menu -->
A
RTL version in progress  
Abdullah Almsaeed 已提交
334
A
Reformat code  
Abdullah Almsaeed 已提交
335 336 337 338 339 340 341 342 
        <h3 class="control-sidebar-heading">Tasks Progress</h3>
        <ul class="control-sidebar-menu">
          <li>
            <a href="javascript::;">
              <h4 class="control-sidebar-subheading">
                Custom Template Design
                <span class="label label-danger pull-right">70%</span>
              </h4>
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
343
A
Reformat code  
Abdullah Almsaeed 已提交
344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 
              <div class="progress progress-xxs">
                <div class="progress-bar progress-bar-danger" style="width: 70%"></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 -->
        </form>
      </div>
      <!-- /.tab-pane -->
    </div>
  </aside>
  <!-- /.control-sidebar -->
  <!-- Add the sidebar's background. This div must be placed
       immediately after the control sidebar -->
  <div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->
A
Starter template. Stripped from anything not needed and commented well.  
Abdullah Almsaeed 已提交
384
A
Reformat code  
Abdullah Almsaeed 已提交
385 
<!-- REQUIRED JS SCRIPTS -->
A
Updated links to display sidebar mini properly  
Abdullah Almsaeed 已提交
386
D
Updated jQuery to version 2.2.0  
Dmitri Suvorov 已提交
387 388 
<!-- jQuery 2.2.0 -->
<script src="plugins/jQuery/jQuery-2.2.0.min.js"></script>
A
Reformat code  
Abdullah Almsaeed 已提交
389 390 391 392 
<!-- Bootstrap 3.3.5 -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/app.min.js"></script>
A
Updated links to display sidebar mini properly  
Abdullah Almsaeed 已提交
393
A
Reformat code  
Abdullah Almsaeed 已提交
394 395 396 397 398 
<!-- Optionally, you can add Slimscroll and FastClick plugins.
     Both of these plugins are recommended to enhance the
     user experience. Slimscroll is required when using the
     fixed layout. -->
</body>
D
Formatting  
Dennis Neufeld 已提交
399 
</html>