API tools faq
paste
taktikhek

Untitled

taktikhek
May 21st, 2019
670
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.96 KB | None | 0 0
raw download clone embed print report
  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>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!