Skip to content

A
AdminLTE

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

从无法访问的项目Fork

通知 1
Star 0
Fork 0
A
AdminLTE

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

切换分支/标签
查找文件 普通视图历史永久链接Permalink
boxed.html 25.7 KB
Newer Older
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
1 2 3 
<!DOCTYPE html>
<html>
  <head>
D
Lowercase charset ("UTF-8" to "utf-8")  
Dennis Neufeld 已提交
4 
    <meta charset="utf-8">
A
Added layout pages  
Abdullah Almsaeed 已提交
5 
    <title>AdminLTE 2 | Boxed Layout</title>
B
Update boxed.html  
Brian 已提交
6 
    <!-- Tell the browser to be responsive to screen width -->
D
Format pages - layout  
Dennis Neufeld 已提交
7 
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
D
Updated Bootstrap version comment to v3.3.5  
Dennis Neufeld 已提交
8 
    <!-- Bootstrap 3.3.5 -->
D
HTML5 Pages - Layout  
Dennis Neufeld 已提交
9 
    <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
D
Updated Font Awesome v4.4.0  
Dennis Neufeld 已提交
10 11 
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
A
Added layout pages  
Abdullah Almsaeed 已提交
12 
    <!-- Ionicons -->
D
HTML5 Pages - Layout  
Dennis Neufeld 已提交
13 
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
A
Added layout pages  
Abdullah Almsaeed 已提交
14 
    <!-- Theme style -->
D
HTML5 Pages - Layout  
Dennis Neufeld 已提交
15 
    <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
D
Formatting Pages 2/2  
Dennis Neufeld 已提交
16 
    <!-- AdminLTE Skins. Choose a skin from the css/skins
A
Added layout pages  
Abdullah Almsaeed 已提交
17 
         folder instead of downloading all of them to reduce the load. -->
D
HTML5 Pages - Layout  
Dennis Neufeld 已提交
18 
    <link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
A
Added layout pages  
Abdullah Almsaeed 已提交
19 20 21 22 

    <!-- 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]>
D
Update html5shiv v3.7.3  
Dennis Neufeld 已提交
23 
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
D
Updated links to the latest versions of HTML5 Shiv and Respond.js  
Dmitri Suvorov 已提交
24 
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
A
Added layout pages  
Abdullah Almsaeed 已提交
25 
    <![endif]-->
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
26 
  </head>
A
Added tips to how to create a cretain layout in the layout options pages  
Abdullah Almsaeed 已提交
27 
  <!-- ADD THE CLASS layout-boxed TO GET A BOXED LAYOUT -->
A
Added sidebar mini support to pages  
Abdullah Almsaeed 已提交
28 
  <body class="skin-blue layout-boxed sidebar-mini">
A
Added layout pages  
Abdullah Almsaeed 已提交
29 30 
    <!-- Site wrapper -->
    <div class="wrapper">
D
Format pages - layout  
Dennis Neufeld 已提交
31
A
Added layout pages  
Abdullah Almsaeed 已提交
32 
      <header class="main-header">
A
Added logo support for sidebar-mini  
Abdullah Almsaeed 已提交
33 
        <!-- Logo -->
A
Updated broken links  
Abdullah Almsaeed 已提交
34 
        <a href="../../index2.html" class="logo">
A
Added logo support for sidebar-mini  
Abdullah Almsaeed 已提交
35 36 37 38 39 
          <!-- 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
Added layout pages  
Abdullah Almsaeed 已提交
40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 
        <!-- Header Navbar: style can be found in header.less -->
        <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>
          <div class="navbar-custom-menu">
            <ul class="nav navbar-nav">
              <!-- Messages: style can be found in dropdown.less-->
              <li class="dropdown messages-menu">
                <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 actual data -->
                    <ul class="menu">
                      <li><!-- start message -->
                        <a href="#">
                          <div class="pull-left">
D
HTML5 Pages - Layout  
Dennis Neufeld 已提交
62 
                            <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
A
Added layout pages  
Abdullah Almsaeed 已提交
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 
                          </div>
                          <h4>
                            Support Team
                            <small><i class="fa fa-clock-o"></i> 5 mins</small>
                          </h4>
                          <p>Why not buy a new awesome theme?</p>
                        </a>
                      </li><!-- end message -->
                    </ul>
                  </li>
                  <li class="footer"><a href="#">See All Messages</a></li>
                </ul>
              </li>
              <!-- Notifications: style can be found in dropdown.less -->
              <li class="dropdown notifications-menu">
                <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 actual data -->
                    <ul class="menu">
                      <li>
                        <a href="#">
A
Changed notification menu style  
Abdullah Almsaeed 已提交
89 
                          <i class="fa fa-users text-aqua"></i> 5 new members joined today
A
Added layout pages  
Abdullah Almsaeed 已提交
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 
                        </a>
                      </li>
                    </ul>
                  </li>
                  <li class="footer"><a href="#">View all</a></li>
                </ul>
              </li>
              <!-- Tasks: style can be found in dropdown.less -->
              <li class="dropdown tasks-menu">
                <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 actual data -->
                    <ul class="menu">
                      <li><!-- Task item -->
                        <a href="#">
                          <h3>
                            Design some buttons
                            <small class="pull-right">20%</small>
                          </h3>
                          <div class="progress xs">
                            <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>
                          </div>
                        </a>
                      </li><!-- end task item -->
                    </ul>
                  </li>
                  <li class="footer">
                    <a href="#">View all tasks</a>
                  </li>
                </ul>
              </li>
              <!-- User Account: style can be found in dropdown.less -->
              <li class="dropdown user user-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
D
HTML5 Pages - Layout  
Dennis Neufeld 已提交
131 
                  <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
A
Added layout pages  
Abdullah Almsaeed 已提交
132 133 134 135 136 
                  <span class="hidden-xs">Alexander Pierce</span>
                </a>
                <ul class="dropdown-menu">
                  <!-- User image -->
                  <li class="user-header">
D
HTML5 Pages - Layout  
Dennis Neufeld 已提交
137 
                    <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
A
Added layout pages  
Abdullah Almsaeed 已提交
138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 
                    <p>
                      Alexander Pierce - Web Developer
                      <small>Member since Nov. 2012</small>
                    </p>
                  </li>
                  <!-- Menu Body -->
                  <li class="user-body">
                    <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>
                  </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>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
166 167 
              <!-- Control Sidebar Toggle Button -->
              <li>
A
changed control sidebar icon  
Abdullah Almsaeed 已提交
168 
                <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
169 
              </li>
A
Added layout pages  
Abdullah Almsaeed 已提交
170 171 172 173 174 175 176 177 178 179 180 181 182 183 
            </ul>
          </div>
        </nav>
      </header>

      <!-- =============================================== -->

      <!-- Left side column. contains the sidebar -->
      <aside class="main-sidebar">
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
          <!-- Sidebar user panel -->
          <div class="user-panel">
            <div class="pull-left image">
D
HTML5 Pages - Layout  
Dennis Neufeld 已提交
184 
              <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
A
Added layout pages  
Abdullah Almsaeed 已提交
185 186 187 188 189 190 191 192 193 
            </div>
            <div class="pull-left info">
              <p>Alexander Pierce</p>
              <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
            </div>
          </div>
          <!-- search form -->
          <form action="#" method="get" class="sidebar-form">
            <div class="input-group">
D
HTML5 Pages - Layout  
Dennis Neufeld 已提交
194 
              <input type="text" name="q" class="form-control" placeholder="Search...">
A
Added layout pages  
Abdullah Almsaeed 已提交
195 
              <span class="input-group-btn">
D
Format pages - layout  
Dennis Neufeld 已提交
196 
                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
A
Added layout pages  
Abdullah Almsaeed 已提交
197 198 199 200 201 202 203 204 205 206 207 208 
              </span>
            </div>
          </form>
          <!-- /.search form -->
          <!-- sidebar menu: : style can be found in sidebar.less -->
          <ul class="sidebar-menu">
            <li class="header">MAIN NAVIGATION</li>
            <li class="treeview">
              <a href="#">
                <i class="fa fa-dashboard"></i> <span>Dashboard</span> <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
A
Added links to layout options  
Abdullah Almsaeed 已提交
209 210 211 212 213 214 215 216 
                <li><a href="../../index.html"><i class="fa fa-circle-o"></i> Dashboard v1</a></li>
                <li><a href="../../index2.html"><i class="fa fa-circle-o"></i> Dashboard v2</a></li>
              </ul>
            </li>
            <li class="treeview active">
              <a href="#">
                <i class="fa fa-files-o"></i>
                <span>Layout Options</span>
A
Added fastclick.js to deal with touch screen click lag time  
Abdullah Almsaeed 已提交
217 
                <span class="label label-primary pull-right">4</span>
A
Added links to layout options  
Abdullah Almsaeed 已提交
218 219 
              </a>
              <ul class="treeview-menu">
A
Added sidebar collapsed layout example  
Abdullah Almsaeed 已提交
220 221 222 223 
                <li><a href="top-nav.html"><i class="fa fa-circle-o"></i> Top Navigation</a></li>
                <li class="active"><a href="boxed.html"><i class="fa fa-circle-o"></i> Boxed</a></li>
                <li><a href="fixed.html"><i class="fa fa-circle-o"></i> Fixed</a></li>
                <li><a href="collapsed-sidebar.html"><i class="fa fa-circle-o"></i> Collapsed Sidebar</a></li>
A
Added layout pages  
Abdullah Almsaeed 已提交
224 225 226 227 228 229 230 231 232 
              </ul>
            </li>
            <li>
              <a href="../widgets.html">
                <i class="fa fa-th"></i> <span>Widgets</span> <small class="label pull-right bg-green">new</small>
              </a>
            </li>
            <li class="treeview">
              <a href="#">
A
Added links to layout options  
Abdullah Almsaeed 已提交
233 
                <i class="fa fa-pie-chart"></i>
A
Added layout pages  
Abdullah Almsaeed 已提交
234 235 236 237 
                <span>Charts</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
A
Added new chartjs preview page  
Abdullah Almsaeed 已提交
238 
                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
A
Added links to layout options  
Abdullah Almsaeed 已提交
239 240 241 
                <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
A
Added layout pages  
Abdullah Almsaeed 已提交
242 243 244 245 246 247 248 249 250 
              </ul>
            </li>
            <li class="treeview">
              <a href="#">
                <i class="fa fa-laptop"></i>
                <span>UI Elements</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
A
Added links to layout options  
Abdullah Almsaeed 已提交
251 252 253 254 255 256 
                <li><a href="../UI/general.html"><i class="fa fa-circle-o"></i> General</a></li>
                <li><a href="../UI/icons.html"><i class="fa fa-circle-o"></i> Icons</a></li>
                <li><a href="../UI/buttons.html"><i class="fa fa-circle-o"></i> Buttons</a></li>
                <li><a href="../UI/sliders.html"><i class="fa fa-circle-o"></i> Sliders</a></li>
                <li><a href="../UI/timeline.html"><i class="fa fa-circle-o"></i> Timeline</a></li>
                <li><a href="../UI/modals.html"><i class="fa fa-circle-o"></i> Modals</a></li>
A
Added layout pages  
Abdullah Almsaeed 已提交
257 258 259 260 261 262 263 264 
              </ul>
            </li>
            <li class="treeview">
              <a href="#">
                <i class="fa fa-edit"></i> <span>Forms</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
A
Added links to layout options  
Abdullah Almsaeed 已提交
265 266 267 
                <li><a href="../forms/general.html"><i class="fa fa-circle-o"></i> General Elements</a></li>
                <li><a href="../forms/advanced.html"><i class="fa fa-circle-o"></i> Advanced Elements</a></li>
                <li><a href="../forms/editors.html"><i class="fa fa-circle-o"></i> Editors</a></li>
A
Added layout pages  
Abdullah Almsaeed 已提交
268 269 270 271 272 273 274 275 
              </ul>
            </li>
            <li class="treeview">
              <a href="#">
                <i class="fa fa-table"></i> <span>Tables</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
A
Added links to layout options  
Abdullah Almsaeed 已提交
276 277 
                <li><a href="../tables/simple.html"><i class="fa fa-circle-o"></i> Simple tables</a></li>
                <li><a href="../tables/data.html"><i class="fa fa-circle-o"></i> Data tables</a></li>
A
Added layout pages  
Abdullah Almsaeed 已提交
278 279 280 281 282 283 284 285 286 
              </ul>
            </li>
            <li>
              <a href="../calendar.html">
                <i class="fa fa-calendar"></i> <span>Calendar</span>
                <small class="label pull-right bg-red">3</small>
              </a>
            </li>
            <li>
A
Fixed mailbox link  
Abdullah Almsaeed 已提交
287 
              <a href="../mailbox/mailbox.html">
A
Added layout pages  
Abdullah Almsaeed 已提交
288 289 290 291 
                <i class="fa fa-envelope"></i> <span>Mailbox</span>
                <small class="label pull-right bg-yellow">12</small>
              </a>
            </li>
A
Fixed broken links  
Abdullah Almsaeed 已提交
292 
            <li class="treeview">
A
Added layout pages  
Abdullah Almsaeed 已提交
293 294 295 296 297 
              <a href="#">
                <i class="fa fa-folder"></i> <span>Examples</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
A
Fixed broken links  
Abdullah Almsaeed 已提交
298 299 300 301 302 303 304 
                <li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
                <li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
                <li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
                <li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
                <li><a href="../examples/404.html"><i class="fa fa-circle-o"></i> 404 Error</a></li>
                <li><a href="../examples/500.html"><i class="fa fa-circle-o"></i> 500 Error</a></li>
                <li><a href="../examples/blank.html"><i class="fa fa-circle-o"></i> Blank Page</a></li>
A
Added layout pages  
Abdullah Almsaeed 已提交
305 306 307 308 309 310 311 312 
              </ul>
            </li>
            <li class="treeview">
              <a href="#">
                <i class="fa fa-share"></i> <span>Multilevel</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
A
Added links to layout options  
Abdullah Almsaeed 已提交
313 
                <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
A
Added layout pages  
Abdullah Almsaeed 已提交
314 
                <li>
A
Added links to layout options  
Abdullah Almsaeed 已提交
315 
                  <a href="#"><i class="fa fa-circle-o"></i> Level One <i class="fa fa-angle-left pull-right"></i></a>
A
Added layout pages  
Abdullah Almsaeed 已提交
316 
                  <ul class="treeview-menu">
A
Added links to layout options  
Abdullah Almsaeed 已提交
317 
                    <li><a href="#"><i class="fa fa-circle-o"></i> Level Two</a></li>
A
Added layout pages  
Abdullah Almsaeed 已提交
318 
                    <li>
A
Added links to layout options  
Abdullah Almsaeed 已提交
319 
                      <a href="#"><i class="fa fa-circle-o"></i> Level Two <i class="fa fa-angle-left pull-right"></i></a>
A
Added layout pages  
Abdullah Almsaeed 已提交
320 
                      <ul class="treeview-menu">
A
Added links to layout options  
Abdullah Almsaeed 已提交
321 322 
                        <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
                        <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
A
Added layout pages  
Abdullah Almsaeed 已提交
323 324 325 326 
                      </ul>
                    </li>
                  </ul>
                </li>
A
Added links to layout options  
Abdullah Almsaeed 已提交
327 
                <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
A
Added layout pages  
Abdullah Almsaeed 已提交
328 329 
              </ul>
            </li>
A
Added span to sidebar links to be compatible with sidebar mini  
Abdullah Almsaeed 已提交
330 
            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
A
Added layout pages  
Abdullah Almsaeed 已提交
331 
            <li class="header">LABELS</li>
A
updated text colors for labels menu in sidebar  
Abdullah Almsaeed 已提交
332 333 334 
            <li><a href="#"><i class="fa fa-circle-o text-red"></i> <span>Important</span></a></li>
            <li><a href="#"><i class="fa fa-circle-o text-yellow"></i> <span>Warning</span></a></li>
            <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> <span>Information</span></a></li>
A
Added layout pages  
Abdullah Almsaeed 已提交
335 336 337 338 339 340 341 
          </ul>
        </section>
        <!-- /.sidebar -->
      </aside>

      <!-- =============================================== -->
A
Fixed comment typo  
Abdullah Almsaeed 已提交
342 
      <!-- Content Wrapper. Contains page content -->
A
Added layout pages  
Abdullah Almsaeed 已提交
343 344 345 346 
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h1>
A
Fixed broken links  
Abdullah Almsaeed 已提交
347 348 
            Boxed Layout
            <small>Blank example to the boxed layout</small>
A
Added layout pages  
Abdullah Almsaeed 已提交
349 350 351 
          </h1>
          <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
D
Fixed text inside breadcrumbs  
Dmitri Suvorov 已提交
352 353 
            <li><a href="#">Layout</a></li>
            <li class="active">Boxed</li>
A
Added layout pages  
Abdullah Almsaeed 已提交
354 355 356 357 358 
          </ol>
        </section>

        <!-- Main content -->
        <section class="content">
A
Added tips to how to create a cretain layout in the layout options pages  
Abdullah Almsaeed 已提交
359 360 361 362 
          <div class="callout callout-info">
            <h4>Tip!</h4>
            <p>Add the layout-boxed class to the body tag to get this layout. The boxed layout is helpful when working on large screens because it prevents the site from stretching very wide.</p>
          </div>
A
Added layout pages  
Abdullah Almsaeed 已提交
363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 
          <!-- Default box -->
          <div class="box">
            <div class="box-header with-border">
              <h3 class="box-title">Title</h3>
              <div class="box-tools pull-right">
                <button class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
                <button class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
              </div>
            </div>
            <div class="box-body">
              Start creating your amazing application!
            </div><!-- /.box-body -->
            <div class="box-footer">
              Footer
            </div><!-- /.box-footer-->
          </div><!-- /.box -->
        </section><!-- /.content -->
      </div><!-- /.content-wrapper -->

      <footer class="main-footer">
        <div class="pull-right hidden-xs">
D
Update files to v2.2.1  
Dennis Neufeld 已提交
384 
          <b>Version</b> 2.2.1
A
Added layout pages  
Abdullah Almsaeed 已提交
385 386 387 
        </div>
        <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
      </footer>
D
Formatting Pages 2/2  
Dennis Neufeld 已提交
388
D
Format pages - layout  
Dennis Neufeld 已提交
389 390 
      <!-- Control Sidebar -->
      <aside class="control-sidebar control-sidebar-dark">
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
391 392 
        <!-- Create the tabs -->
        <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
A
changed control sidebar icon  
Abdullah Almsaeed 已提交
393 
          <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
394 395 396 397 398 
          <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 -->
A
changed control sidebar icon  
Abdullah Almsaeed 已提交
399 
          <div class="tab-pane" id="control-sidebar-home-tab">
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
400 
            <h3 class="control-sidebar-heading">Recent Activity</h3>
D
Format pages - layout  
Dennis Neufeld 已提交
401 
            <ul class="control-sidebar-menu">
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
402 
              <li>
D
Format pages - layout  
Dennis Neufeld 已提交
403 
                <a href="javascript::;">
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
404 405 406 407 408 409 410 411 
                  <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>
D
Format pages - layout  
Dennis Neufeld 已提交
412 
                <a href="javascript::;">
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
413 414 415 416 417 418 419 420 
                  <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>
D
Format pages - layout  
Dennis Neufeld 已提交
421 
                <a href="javascript::;">
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
422 423 424 425 426 427 428 429 
                  <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>
D
Format pages - layout  
Dennis Neufeld 已提交
430 
                <a href="javascript::;">
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
431 432 433 434 435 436 437 438 439 
                  <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 -->
D
Format pages - layout  
Dennis Neufeld 已提交
440 441 
            <h3 class="control-sidebar-heading">Tasks Progress</h3>
            <ul class="control-sidebar-menu">
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
442 
              <li>
D
Format pages - layout  
Dennis Neufeld 已提交
443 
                <a href="javascript::;">
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
444 445 446 447 448 449 
                  <h4 class="control-sidebar-subheading">
                    Custom Template Design
                    <span class="label label-danger pull-right">70%</span>
                  </h4>
                  <div class="progress progress-xxs">
                    <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
D
Format pages - layout  
Dennis Neufeld 已提交
450 
                  </div>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
451 
                </a>
D
Format pages - layout  
Dennis Neufeld 已提交
452 
              </li>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
453 
              <li>
D
Format pages - layout  
Dennis Neufeld 已提交
454 
                <a href="javascript::;">
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
455 456 457 458 459 460 
                  <h4 class="control-sidebar-subheading">
                    Update Resume
                    <span class="label label-success pull-right">95%</span>
                  </h4>
                  <div class="progress progress-xxs">
                    <div class="progress-bar progress-bar-success" style="width: 95%"></div>
D
Format pages - layout  
Dennis Neufeld 已提交
461 
                  </div>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
462 
                </a>
D
Format pages - layout  
Dennis Neufeld 已提交
463 
              </li>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
464 
              <li>
D
Format pages - layout  
Dennis Neufeld 已提交
465 
                <a href="javascript::;">
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
466 467 
                  <h4 class="control-sidebar-subheading">
                    Laravel Integration
B
Fixed typo (waring -> warning)  
Brian 已提交
468 
                    <span class="label label-warning pull-right">50%</span>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
469 470 471 
                  </h4>
                  <div class="progress progress-xxs">
                    <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
D
Format pages - layout  
Dennis Neufeld 已提交
472 
                  </div>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
473 
                </a>
D
Format pages - layout  
Dennis Neufeld 已提交
474 
              </li>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
475 
              <li>
D
Format pages - layout  
Dennis Neufeld 已提交
476 
                <a href="javascript::;">
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
477 478 479 480 481 482 
                  <h4 class="control-sidebar-subheading">
                    Back End Framework
                    <span class="label label-primary pull-right">68%</span>
                  </h4>
                  <div class="progress progress-xxs">
                    <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
D
Format pages - layout  
Dennis Neufeld 已提交
483 
                  </div>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
484 
                </a>
D
Format pages - layout  
Dennis Neufeld 已提交
485 486 
              </li>
            </ul><!-- /.control-sidebar-menu -->
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
487 488 489 490 491 

          </div><!-- /.tab-pane -->
          <!-- Stats tab content -->
          <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane -->
          <!-- Settings tab content -->
D
Format pages - layout  
Dennis Neufeld 已提交
492 
          <div class="tab-pane" id="control-sidebar-settings-tab">
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
493 494 495 496 497 
            <form method="post">
              <h3 class="control-sidebar-heading">General Settings</h3>
              <div class="form-group">
                <label class="control-sidebar-subheading">
                  Report panel usage
D
HTML5 Pages - Layout  
Dennis Neufeld 已提交
498 
                  <input type="checkbox" class="pull-right" checked>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
499 500 501 502 503 504 505 506 507 
                </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
D
HTML5 Pages - Layout  
Dennis Neufeld 已提交
508 
                  <input type="checkbox" class="pull-right" checked>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
509 510 511 512 513 514 515 516 517 
                </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
D
HTML5 Pages - Layout  
Dennis Neufeld 已提交
518 
                  <input type="checkbox" class="pull-right" checked>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
519 520 521 522 523 524 525 526 527 528 529 
                </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
D
HTML5 Pages - Layout  
Dennis Neufeld 已提交
530 
                  <input type="checkbox" class="pull-right" checked>
D
Format pages - layout  
Dennis Neufeld 已提交
531 
                </label>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
532 533 534 535 536 
              </div><!-- /.form-group -->

              <div class="form-group">
                <label class="control-sidebar-subheading">
                  Turn off notifications
D
HTML5 Pages - Layout  
Dennis Neufeld 已提交
537 
                  <input type="checkbox" class="pull-right">
D
Format pages - layout  
Dennis Neufeld 已提交
538 
                </label>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
539 540 541 542 543 544 
              </div><!-- /.form-group -->

              <div class="form-group">
                <label class="control-sidebar-subheading">
                  Delete chat history
                  <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
D
Formatting Pages 2/2  
Dennis Neufeld 已提交
545 
                </label>
A
Added control sidebar to all pages  
Abdullah Almsaeed 已提交
546 547 548 549 550 551 552 
              </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 -->
D
Format pages - layout  
Dennis Neufeld 已提交
553 
      <div class="control-sidebar-bg"></div>
A
Added layout pages  
Abdullah Almsaeed 已提交
554 555 
    </div><!-- ./wrapper -->
D
Updated jQuery to 2.1.4  
Dmitri Suvorov 已提交
556 
    <!-- jQuery 2.1.4 -->
D
HTML5 Pages - Layout  
Dennis Neufeld 已提交
557 
    <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
D
Updated Bootstrap version comment to v3.3.5  
Dennis Neufeld 已提交
558 
    <!-- Bootstrap 3.3.5 -->
D
HTML5 Pages - Layout  
Dennis Neufeld 已提交
559 
    <script src="../../bootstrap/js/bootstrap.min.js"></script>
A
Added links to layout options  
Abdullah Almsaeed 已提交
560 
    <!-- SlimScroll -->
D
HTML5 Pages - Layout  
Dennis Neufeld 已提交
561 
    <script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
A
Added fastclick.js to deal with touch screen click lag time  
Abdullah Almsaeed 已提交
562 
    <!-- FastClick -->
D
HTML5 Pages - Layout  
Dennis Neufeld 已提交
563 
    <script src="../../plugins/fastclick/fastclick.min.js"></script>
A
Added layout pages  
Abdullah Almsaeed 已提交
564 
    <!-- AdminLTE App -->
D
HTML5 Pages - Layout  
Dennis Neufeld 已提交
565 
    <script src="../../dist/js/app.min.js"></script>
A
Added layout pages  
Abdullah Almsaeed 已提交
566 
    <!-- AdminLTE for demo purposes -->
D
HTML5 Pages - Layout  
Dennis Neufeld 已提交
567 
    <script src="../../dist/js/demo.js"></script>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
568 
  </body>
B
Update boxed.html  
Brian 已提交
569 
</html>