top-nav.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>AdminLTE 2 | Dashboard</title>
  6. <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
  7. <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  8. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  9. <!-- Ionicons -->
  10. <link href="http://code.ionicframework.com/ionicons/2.0.0/css/ionicons.min.css" rel="stylesheet" type="text/css" />
  11. <!-- Theme style -->
  12. <link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
  13. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  14. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  15. <!--[if lt IE 9]>
  16. <script src="../../https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  17. <script src="../../https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  18. <![endif]-->
  19. </head>
  20. <body class="skin-blue layout-top-nav">
  21. <div class="wrapper">
  22. <!-- header logo: style can be found in header.less -->
  23. <header class="main-header">
  24. <!-- Logo -->
  25. <a href="../../index2.html" class="logo">AdminLTE</a>
  26. <nav class="navbar navbar-static-top">
  27. <div class="navbar-header">
  28. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  29. <i class="fa fa-bars"></i>
  30. </button>
  31. </div>
  32. <!-- Collect the nav links, forms, and other content for toggling -->
  33. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  34. <ul class="nav navbar-nav">
  35. <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
  36. <li><a href="#">Link</a></li>
  37. <li class="dropdown">
  38. <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
  39. <ul class="dropdown-menu" role="menu">
  40. <li><a href="#">Action</a></li>
  41. <li><a href="#">Another action</a></li>
  42. <li><a href="#">Something else here</a></li>
  43. <li class="divider"></li>
  44. <li><a href="#">Separated link</a></li>
  45. <li class="divider"></li>
  46. <li><a href="#">One more separated link</a></li>
  47. </ul>
  48. </li>
  49. </ul>
  50. <form class="navbar-form navbar-left" role="search">
  51. <div class="form-group">
  52. <input type="text" class="form-control" placeholder="Search">
  53. </div>
  54. </form>
  55. <ul class="nav navbar-nav navbar-right">
  56. <li><a href="#">Link</a></li>
  57. <li class="dropdown">
  58. <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
  59. <ul class="dropdown-menu" role="menu">
  60. <li><a href="#">Action</a></li>
  61. <li><a href="#">Another action</a></li>
  62. <li><a href="#">Something else here</a></li>
  63. <li class="divider"></li>
  64. <li><a href="#">Separated link</a></li>
  65. </ul>
  66. </li>
  67. </ul>
  68. </div><!-- /.navbar-collapse -->
  69. </nav>
  70. </header>
  71. <!-- Full Width Column -->
  72. <div class="content-wrapper">
  73. <div class="container-fluid">
  74. <!-- Content Header (Page header) -->
  75. <section class="content-header">
  76. <h1>
  77. Top Navigation
  78. <small>Example 2.0</small>
  79. </h1>
  80. <ol class="breadcrumb">
  81. <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
  82. <li class="active">Dashboard</li>
  83. </ol>
  84. </section>
  85. <!-- Main content -->
  86. <section class="content">
  87. <div class="box box-default">
  88. <div class="box-header with-border">
  89. <h3 class="box-title">Blank Box</h3>
  90. </div>
  91. <div class="box-body">
  92. The great content goes here
  93. </div><!-- /.box-body -->
  94. </div><!-- /.box -->
  95. </section><!-- /.content -->
  96. </div><!-- /.container -->
  97. </div><!-- /.content-wrapper -->
  98. <footer class="main-footer">
  99. <div class="container-fluid">
  100. <div class="pull-right hidden-xs">
  101. <b>Version</b> 2.0
  102. </div>
  103. <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
  104. </div><!-- /.container -->
  105. </footer>
  106. </div><!-- ./wrapper -->
  107. <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  108. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
  109. <!-- AdminLTE App -->
  110. <script src="../../dist/js/app.min.js" type="text/javascript"></script>
  111. <!-- AdminLTE for demo purposes -->
  112. <script src="../../dist/js/demo.js" type="text/javascript"></script>
  113. </body>
  114. </html>