diff options
Diffstat (limited to 'public/bower_components/admin-lte/pages/layout/top-nav.html')
| -rw-r--r-- | public/bower_components/admin-lte/pages/layout/top-nav.html | 293 |
1 files changed, 293 insertions, 0 deletions
diff --git a/public/bower_components/admin-lte/pages/layout/top-nav.html b/public/bower_components/admin-lte/pages/layout/top-nav.html new file mode 100644 index 0000000..d933173 --- /dev/null +++ b/public/bower_components/admin-lte/pages/layout/top-nav.html @@ -0,0 +1,293 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <title>AdminLTE 2 | Top Navigation</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.7 --> + <link rel="stylesheet" href="../../bower_components/bootstrap/dist/css/bootstrap.min.css"> + <!-- Font Awesome --> + <link rel="stylesheet" href="../../bower_components/font-awesome/css/font-awesome.min.css"> + <!-- Ionicons --> + <link rel="stylesheet" href="../../bower_components/Ionicons/css/ionicons.min.css"> + <!-- Theme style --> + <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css"> + <!-- AdminLTE Skins. Choose a skin from the css/skins + folder instead of downloading all of them to reduce the load. --> + <link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css"> + + <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> + <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> + <!--[if lt IE 9]> + <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> + <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> + <![endif]--> + + <!-- Google Font --> + <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic"> +</head> +<!-- ADD THE CLASS layout-top-nav TO REMOVE THE SIDEBAR. --> +<body class="hold-transition skin-blue layout-top-nav"> +<div class="wrapper"> + + <header class="main-header"> + <nav class="navbar navbar-static-top"> + <div class="container"> + <div class="navbar-header"> + <a href="../../index2.html" class="navbar-brand"><b>Admin</b>LTE</a> + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse"> + <i class="fa fa-bars"></i> + </button> + </div> + + <!-- Collect the nav links, forms, and other content for toggling --> + <div class="collapse navbar-collapse pull-left" id="navbar-collapse"> + <ul class="nav navbar-nav"> + <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li> + <li><a href="#">Link</a></li> + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a> + <ul class="dropdown-menu" role="menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + <li class="divider"></li> + <li><a href="#">One more separated link</a></li> + </ul> + </li> + </ul> + <form class="navbar-form navbar-left" role="search"> + <div class="form-group"> + <input type="text" class="form-control" id="navbar-search-input" placeholder="Search"> + </div> + </form> + </div> + <!-- /.navbar-collapse --> + <!-- 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> + </li> + <!-- end message --> + </ul> + <!-- /.menu --> + </li> + <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> + </li> + <!-- end notification --> + </ul> + </li> + <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> + </div> + </a> + </li> + <!-- end task item --> + </ul> + </li> + <li class="footer"> + <a href="#">View all tasks</a> + </li> + </ul> + </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"> + + <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> + </ul> + </div> + <!-- /.navbar-custom-menu --> + </div> + <!-- /.container-fluid --> + </nav> + </header> + <!-- Full Width Column --> + <div class="content-wrapper"> + <div class="container"> + <!-- Content Header (Page header) --> + <section class="content-header"> + <h1> + Top Navigation + <small>Example 2.0</small> + </h1> + <ol class="breadcrumb"> + <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li> + <li><a href="#">Layout</a></li> + <li class="active">Top Navigation</li> + </ol> + </section> + + <!-- Main content --> + <section class="content"> + <div class="callout callout-info"> + <h4>Tip!</h4> + + <p>Add the layout-top-nav class to the body tag to get this layout. This feature can also be used with a + sidebar! So use this class if you want to remove the custom dropdown menus from the navbar and use regular + links instead.</p> + </div> + <div class="callout callout-danger"> + <h4>Warning!</h4> + + <p>The construction of this layout differs from the normal one. In other words, the HTML markup of the navbar + and the content will slightly differ than that of the normal layout.</p> + </div> + <div class="box box-default"> + <div class="box-header with-border"> + <h3 class="box-title">Blank Box</h3> + </div> + <div class="box-body"> + The great content goes here + </div> + <!-- /.box-body --> + </div> + <!-- /.box --> + </section> + <!-- /.content --> + </div> + <!-- /.container --> + </div> + <!-- /.content-wrapper --> + <footer class="main-footer"> + <div class="container"> + <div class="pull-right hidden-xs"> + <b>Version</b> 2.4.0 + </div> + <strong>Copyright © 2014-2016 <a href="https://adminlte.io">Almsaeed Studio</a>.</strong> All rights + reserved. + </div> + <!-- /.container --> + </footer> +</div> +<!-- ./wrapper --> + +<!-- jQuery 3 --> +<script src="../../bower_components/jquery/dist/jquery.min.js"></script> +<!-- Bootstrap 3.3.7 --> +<script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js"></script> +<!-- SlimScroll --> +<script src="../../bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script> +<!-- FastClick --> +<script src="../../bower_components/fastclick/lib/fastclick.js"></script> +<!-- AdminLTE App --> +<script src="../../dist/js/adminlte.min.js"></script> +<!-- AdminLTE for demo purposes --> +<script src="../../dist/js/demo.js"></script> +</body> +</html> |