Guest User

Untitled

a guest
May 21st, 2019
84
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!-- Logo -->
  2. <a href="index2.html" class="logo">
  3. <!-- mini logo for sidebar mini 50x50 pixels -->
  4. <span class="logo-mini"><b>A</b>LT</span>
  5. <!-- logo for regular state and mobile devices -->
  6. <span class="logo-lg"><b>Admin</b>LTE</span>
  7. </a>
  8. <!-- Header Navbar: style can be found in header.less -->
  9. <nav class="navbar navbar-static-top">
  10. <!-- Sidebar toggle button-->
  11. <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
  12. <span class="sr-only">Toggle navigation</span>
  13. </a>
  14.  
  15. <div class="navbar-custom-menu">
  16. <ul class="nav navbar-nav">
  17. <!-- Messages: style can be found in dropdown.less-->
  18. <li class="dropdown messages-menu">
  19. <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  20. <i class="fa fa-envelope-o"></i>
  21. <span class="label label-success">4</span>
  22. </a>
  23. <ul class="dropdown-menu">
  24. <li class="header">You have 4 messages</li>
  25. <li>
  26. <!-- inner menu: contains the actual data -->
  27. <ul class="menu">
  28. <li><!-- start message -->
  29. <a href="#">
  30. <div class="pull-left">
  31. <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
  32. </div>
  33. <h4>
  34. Support Team
  35. <small><i class="fa fa-clock-o"></i> 5 mins</small>
  36. </h4>
  37. <p>Why not buy a new awesome theme?</p>
  38. </a>
  39. </li>
  40. <!-- end message -->
  41. <li>
  42. <a href="#">
  43. <div class="pull-left">
  44. <img src="dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
  45. </div>
  46. <h4>
  47. AdminLTE Design Team
  48. <small><i class="fa fa-clock-o"></i> 2 hours</small>
  49. </h4>
  50. <p>Why not buy a new awesome theme?</p>
  51. </a>
  52. </li>
  53. <li>
  54. <a href="#">
  55. <div class="pull-left">
  56. <img src="dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
  57. </div>
  58. <h4>
  59. Developers
  60. <small><i class="fa fa-clock-o"></i> Today</small>
  61. </h4>
  62. <p>Why not buy a new awesome theme?</p>
  63. </a>
  64. </li>
  65. <li>
  66. <a href="#">
  67. <div class="pull-left">
  68. <img src="dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
  69. </div>
  70. <h4>
  71. Sales Department
  72. <small><i class="fa fa-clock-o"></i> Yesterday</small>
  73. </h4>
  74. <p>Why not buy a new awesome theme?</p>
  75. </a>
  76. </li>
  77. <li>
  78. <a href="#">
  79. <div class="pull-left">
  80. <img src="dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
  81. </div>
  82. <h4>
  83. Reviewers
  84. <small><i class="fa fa-clock-o"></i> 2 days</small>
  85. </h4>
  86. <p>Why not buy a new awesome theme?</p>
  87. </a>
  88. </li>
  89. </ul>
  90. </li>
  91. <li class="footer"><a href="#">See All Messages</a></li>
  92. </ul>
  93. </li>
  94. <!-- Notifications: style can be found in dropdown.less -->
  95. <li class="dropdown notifications-menu">
  96. <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  97. <i class="fa fa-bell-o"></i>
  98. <span class="label label-warning">10</span>
  99. </a>
  100. <ul class="dropdown-menu">
  101. <li class="header">You have 10 notifications</li>
  102. <li>
  103. <!-- inner menu: contains the actual data -->
  104. <ul class="menu">
  105. <li>
  106. <a href="#">
  107. <i class="fa fa-users text-aqua"></i> 5 new members joined today
  108. </a>
  109. </li>
  110. <li>
  111. <a href="#">
  112. <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the
  113. page and may cause design problems
  114. </a>
  115. </li>
  116. <li>
  117. <a href="#">
  118. <i class="fa fa-users text-red"></i> 5 new members joined
  119. </a>
  120. </li>
  121. <li>
  122. <a href="#">
  123. <i class="fa fa-shopping-cart text-green"></i> 25 sales made
  124. </a>
  125. </li>
  126. <li>
  127. <a href="#">
  128. <i class="fa fa-user text-red"></i> You changed your username
  129. </a>
  130. </li>
  131. </ul>
  132. </li>
  133. <li class="footer"><a href="#">View all</a></li>
  134. </ul>
  135. </li>
  136. <!-- Tasks: style can be found in dropdown.less -->
  137. <li class="dropdown tasks-menu">
  138. <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  139. <i class="fa fa-flag-o"></i>
  140. <span class="label label-danger">9</span>
  141. </a>
  142. <ul class="dropdown-menu">
  143. <li class="header">You have 9 tasks</li>
  144. <li>
  145. <!-- inner menu: contains the actual data -->
  146. <ul class="menu">
  147. <li><!-- Task item -->
  148. <a href="#">
  149. <h3>
  150. Design some buttons
  151. <small class="pull-right">20%</small>
  152. </h3>
  153. <div class="progress xs">
  154. <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar"
  155. aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
  156. <span class="sr-only">20% Complete</span>
  157. </div>
  158. </div>
  159. </a>
  160. </li>
  161. <!-- end task item -->
  162. <li><!-- Task item -->
  163. <a href="#">
  164. <h3>
  165. Create a nice theme
  166. <small class="pull-right">40%</small>
  167. </h3>
  168. <div class="progress xs">
  169. <div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar"
  170. aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
  171. <span class="sr-only">40% Complete</span>
  172. </div>
  173. </div>
  174. </a>
  175. </li>
  176. <!-- end task item -->
  177. <li><!-- Task item -->
  178. <a href="#">
  179. <h3>
  180. Some task I need to do
  181. <small class="pull-right">60%</small>
  182. </h3>
  183. <div class="progress xs">
  184. <div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar"
  185. aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
  186. <span class="sr-only">60% Complete</span>
  187. </div>
  188. </div>
  189. </a>
  190. </li>
  191. <!-- end task item -->
  192. <li><!-- Task item -->
  193. <a href="#">
  194. <h3>
  195. Make beautiful transitions
  196. <small class="pull-right">80%</small>
  197. </h3>
  198. <div class="progress xs">
  199. <div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar"
  200. aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
  201. <span class="sr-only">80% Complete</span>
  202. </div>
  203. </div>
  204. </a>
  205. </li>
  206. <!-- end task item -->
  207. </ul>
  208. </li>
  209. <li class="footer">
  210. <a href="#">View all tasks</a>
  211. </li>
  212. </ul>
  213. </li>
  214. <!-- User Account: style can be found in dropdown.less -->
  215. <li class="dropdown user user-menu">
  216. <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  217. <img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
  218. <span class="hidden-xs">Alexander Pierce</span>
  219. </a>
  220. <ul class="dropdown-menu">
  221. <!-- User image -->
  222. <li class="user-header">
  223. <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
  224.  
  225. <p>
  226. Alexander Pierce - Web Developer
  227. <small>Member since Nov. 2012</small>
  228. </p>
  229. </li>
  230. <!-- Menu Body -->
  231. <li class="user-body">
  232. <div class="row">
  233. <div class="col-xs-4 text-center">
  234. <a href="#">Followers</a>
  235. </div>
  236. <div class="col-xs-4 text-center">
  237. <a href="#">Sales</a>
  238. </div>
  239. <div class="col-xs-4 text-center">
  240. <a href="#">Friends</a>
  241. </div>
  242. </div>
  243. <!-- /.row -->
  244. </li>
  245. <!-- Menu Footer-->
  246. <li class="user-footer">
  247. <div class="pull-left">
  248. <a href="#" class="btn btn-default btn-flat">Profile</a>
  249. </div>
  250. <div class="pull-right">
  251. <a href="#" class="btn btn-default btn-flat">Sign out</a>
  252. </div>
  253. </li>
  254. </ul>
  255. </li>
  256. <!-- Control Sidebar Toggle Button -->
  257. <li>
  258. <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
  259. </li>
  260. </ul>
  261. </div>
  262. </nav>
RAW Paste Data