muhidins

atas

Feb 20th, 2021
341
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.59 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title><?php echo $title; ?></title>
  8.  
  9. <!-- Google Font: Source Sans Pro -->
  10. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  11. <!-- Font Awesome -->
  12. <link rel="stylesheet" href="../assets/plugins/fontawesome-free/css/all.min.css">
  13. <!-- Theme style -->
  14. <link rel="stylesheet" href="../assets/dist/css/adminlte.min.css">
  15. </head>
  16.  
  17. <body class="hold-transition sidebar-mini">
  18. <!-- Site wrapper -->
  19. <div class="wrapper">
  20. <!-- Navbar -->
  21. <nav class="main-header navbar navbar-expand navbar-white navbar-light">
  22. <!-- Left navbar links -->
  23. <ul class="navbar-nav">
  24. <li class="nav-item">
  25. <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
  26. </li>
  27. <li class="nav-item d-none d-sm-inline-block">
  28. <a href="." class="nav-link">Home</a>
  29. </li>
  30. <li class="nav-item d-none d-sm-inline-block">
  31. <a href="?m=kedua" class="nav-link">Kedua</a>
  32. </li>
  33. </ul>
  34.  
  35. <!-- SEARCH FORM -->
  36. <form class="form-inline ml-3">
  37. <div class="input-group input-group-sm">
  38. <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
  39. <div class="input-group-append">
  40. <button class="btn btn-navbar" type="submit">
  41. <i class="fas fa-search"></i>
  42. </button>
  43. </div>
  44. </div>
  45. </form>
  46.  
  47. <!-- Right navbar links -->
  48. <ul class="navbar-nav ml-auto">
  49. <!-- Messages Dropdown Menu -->
  50. <li class="nav-item dropdown">
  51. <a class="nav-link" data-toggle="dropdown" href="#">
  52. <i class="far fa-comments"></i>
  53. <span class="badge badge-danger navbar-badge">3</span>
  54. </a>
  55. <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
  56. <a href="#" class="dropdown-item">
  57. <!-- Message Start -->
  58. <div class="media">
  59. <img src="../assets/dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
  60. <div class="media-body">
  61. <h3 class="dropdown-item-title">
  62. Brad Diesel
  63. <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
  64. </h3>
  65. <p class="text-sm">Call me whenever you can...</p>
  66. <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
  67. </div>
  68. </div>
  69. <!-- Message End -->
  70. </a>
  71. <div class="dropdown-divider"></div>
  72. <a href="#" class="dropdown-item">
  73. <!-- Message Start -->
  74. <div class="media">
  75. <img src="../assets/dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
  76. <div class="media-body">
  77. <h3 class="dropdown-item-title">
  78. John Pierce
  79. <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
  80. </h3>
  81. <p class="text-sm">I got your message bro</p>
  82. <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
  83. </div>
  84. </div>
  85. <!-- Message End -->
  86. </a>
  87. <div class="dropdown-divider"></div>
  88. <a href="#" class="dropdown-item">
  89. <!-- Message Start -->
  90. <div class="media">
  91. <img src="../assets/dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
  92. <div class="media-body">
  93. <h3 class="dropdown-item-title">
  94. Nora Silvester
  95. <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
  96. </h3>
  97. <p class="text-sm">The subject goes here</p>
  98. <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
  99. </div>
  100. </div>
  101. <!-- Message End -->
  102. </a>
  103. <div class="dropdown-divider"></div>
  104. <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
  105. </div>
  106. </li>
  107. <!-- Notifications Dropdown Menu -->
  108. <li class="nav-item dropdown">
  109. <a class="nav-link" data-toggle="dropdown" href="#">
  110. <i class="far fa-bell"></i>
  111. <span class="badge badge-warning navbar-badge">15</span>
  112. </a>
  113. <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
  114. <span class="dropdown-item dropdown-header">15 Notifications</span>
  115. <div class="dropdown-divider"></div>
  116. <a href="#" class="dropdown-item">
  117. <i class="fas fa-envelope mr-2"></i> 4 new messages
  118. <span class="float-right text-muted text-sm">3 mins</span>
  119. </a>
  120. <div class="dropdown-divider"></div>
  121. <a href="#" class="dropdown-item">
  122. <i class="fas fa-users mr-2"></i> 8 friend requests
  123. <span class="float-right text-muted text-sm">12 hours</span>
  124. </a>
  125. <div class="dropdown-divider"></div>
  126. <a href="#" class="dropdown-item">
  127. <i class="fas fa-file mr-2"></i> 3 new reports
  128. <span class="float-right text-muted text-sm">2 days</span>
  129. </a>
  130. <div class="dropdown-divider"></div>
  131. <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
  132. </div>
  133. </li>
  134. <li class="nav-item">
  135. <a class="nav-link" data-widget="fullscreen" href="#" role="button">
  136. <i class="fas fa-expand-arrows-alt"></i>
  137. </a>
  138. </li>
  139. <li class="nav-item">
  140. <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
  141. <i class="fas fa-th-large"></i>
  142. </a>
  143. </li>
  144. </ul>
  145. </nav>
  146. <!-- /.navbar -->
  147.  
  148. <!-- Main Sidebar Container -->
  149. <aside class="main-sidebar sidebar-dark-primary elevation-4">
  150. <!-- Brand Logo -->
  151. <a href="../assets/index3.html" class="brand-link">
  152. <img src="../assets/dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
  153. <span class="brand-text font-weight-light">AdminLTE 3</span>
  154. </a>
  155.  
  156. <!-- Sidebar -->
  157. <div class="sidebar">
  158. <!-- Sidebar user (optional) -->
  159. <div class="user-panel mt-3 pb-3 mb-3 d-flex">
  160. <div class="image">
  161. <img src="../assets/dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
  162. </div>
  163. <div class="info">
  164. <a href="#" class="d-block">Alexander Pierce</a>
  165. </div>
  166. </div>
  167.  
  168. <!-- SidebarSearch Form -->
  169. <div class="form-inline">
  170. <div class="input-group" data-widget="sidebar-search">
  171. <input class="form-control form-control-sidebar" type="search" placeholder="Search" aria-label="Search">
  172. <div class="input-group-append">
  173. <button class="btn btn-sidebar">
  174. <i class="fas fa-search fa-fw"></i>
  175. </button>
  176. </div>
  177. </div>
  178. </div>
  179.  
  180. <!-- Sidebar Menu -->
  181. <nav class="mt-2">
  182. <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
  183. <!-- Add icons to the links using the .nav-icon class
  184. with font-awesome or any other icon font library -->
  185. <li class="nav-item">
  186. <a href="#" class="nav-link">
  187. <i class="nav-icon fas fa-tachometer-alt"></i>
  188. <p>
  189. Dashboard
  190. <i class="right fas fa-angle-left"></i>
  191. </p>
  192. </a>
  193. <ul class="nav nav-treeview">
  194. <li class="nav-item">
  195. <a href="../assets/index.html" class="nav-link">
  196. <i class="far fa-circle nav-icon"></i>
  197. <p>Dashboard v1</p>
  198. </a>
  199. </li>
  200. <li class="nav-item">
  201. <a href="../assets/index2.html" class="nav-link">
  202. <i class="far fa-circle nav-icon"></i>
  203. <p>Dashboard v2</p>
  204. </a>
  205. </li>
  206. <li class="nav-item">
  207. <a href="../assets/index3.html" class="nav-link">
  208. <i class="far fa-circle nav-icon"></i>
  209. <p>Dashboard v3</p>
  210. </a>
  211. </li>
  212. </ul>
  213. </li>
  214. <li class="nav-item">
  215. <a href="../widgets.html" class="nav-link">
  216. <i class="nav-icon fas fa-th"></i>
  217. <p>
  218. Widgets
  219. <span class="right badge badge-danger">New</span>
  220. </p>
  221. </a>
  222. </li>
  223. <li class="nav-item">
  224. <a href="#" class="nav-link">
  225. <i class="nav-icon fas fa-copy"></i>
  226. <p>
  227. Layout Options
  228. <i class="fas fa-angle-left right"></i>
  229. <span class="badge badge-info right">6</span>
  230. </p>
  231. </a>
  232. <ul class="nav nav-treeview">
  233. <li class="nav-item">
  234. <a href="../layout/top-nav.html" class="nav-link">
  235. <i class="far fa-circle nav-icon"></i>
  236. <p>Top Navigation</p>
  237. </a>
  238. </li>
  239. <li class="nav-item">
  240. <a href="../layout/top-nav-sidebar.html" class="nav-link">
  241. <i class="far fa-circle nav-icon"></i>
  242. <p>Top Navigation + Sidebar</p>
  243. </a>
  244. </li>
  245. <li class="nav-item">
  246. <a href="../layout/boxed.html" class="nav-link">
  247. <i class="far fa-circle nav-icon"></i>
  248. <p>Boxed</p>
  249. </a>
  250. </li>
  251. <li class="nav-item">
  252. <a href="../layout/fixed-sidebar.html" class="nav-link">
  253. <i class="far fa-circle nav-icon"></i>
  254. <p>Fixed Sidebar</p>
  255. </a>
  256. </li>
  257. <li class="nav-item">
  258. <a href="../layout/fixed-sidebar-custom.html" class="nav-link">
  259. <i class="far fa-circle nav-icon"></i>
  260. <p>Fixed Sidebar <small>+ Custom Area</small></p>
  261. </a>
  262. </li>
  263. <li class="nav-item">
  264. <a href="../layout/fixed-topnav.html" class="nav-link">
  265. <i class="far fa-circle nav-icon"></i>
  266. <p>Fixed Navbar</p>
  267. </a>
  268. </li>
  269. <li class="nav-item">
  270. <a href="../layout/fixed-footer.html" class="nav-link">
  271. <i class="far fa-circle nav-icon"></i>
  272. <p>Fixed Footer</p>
  273. </a>
  274. </li>
  275. <li class="nav-item">
  276. <a href="../layout/collapsed-sidebar.html" class="nav-link">
  277. <i class="far fa-circle nav-icon"></i>
  278. <p>Collapsed Sidebar</p>
  279. </a>
  280. </li>
  281. </ul>
  282. </li>
  283. <li class="nav-item">
  284. <a href="#" class="nav-link">
  285. <i class="nav-icon fas fa-chart-pie"></i>
  286. <p>
  287. Charts
  288. <i class="right fas fa-angle-left"></i>
  289. </p>
  290. </a>
  291. <ul class="nav nav-treeview">
  292. <li class="nav-item">
  293. <a href="../charts/chartjs.html" class="nav-link">
  294. <i class="far fa-circle nav-icon"></i>
  295. <p>ChartJS</p>
  296. </a>
  297. </li>
  298. <li class="nav-item">
  299. <a href="../charts/flot.html" class="nav-link">
  300. <i class="far fa-circle nav-icon"></i>
  301. <p>Flot</p>
  302. </a>
  303. </li>
  304. <li class="nav-item">
  305. <a href="../charts/inline.html" class="nav-link">
  306. <i class="far fa-circle nav-icon"></i>
  307. <p>Inline</p>
  308. </a>
  309. </li>
  310. <li class="nav-item">
  311. <a href="../charts/uplot.html" class="nav-link">
  312. <i class="far fa-circle nav-icon"></i>
  313. <p>uPlot</p>
  314. </a>
  315. </li>
  316. </ul>
  317. </li>
  318. <li class="nav-item">
  319. <a href="#" class="nav-link">
  320. <i class="nav-icon fas fa-tree"></i>
  321. <p>
  322. UI Elements
  323. <i class="fas fa-angle-left right"></i>
  324. </p>
  325. </a>
  326. <ul class="nav nav-treeview">
  327. <li class="nav-item">
  328. <a href="../UI/general.html" class="nav-link">
  329. <i class="far fa-circle nav-icon"></i>
  330. <p>General</p>
  331. </a>
  332. </li>
  333. <li class="nav-item">
  334. <a href="../UI/icons.html" class="nav-link">
  335. <i class="far fa-circle nav-icon"></i>
  336. <p>Icons</p>
  337. </a>
  338. </li>
  339. <li class="nav-item">
  340. <a href="../UI/buttons.html" class="nav-link">
  341. <i class="far fa-circle nav-icon"></i>
  342. <p>Buttons</p>
  343. </a>
  344. </li>
  345. <li class="nav-item">
  346. <a href="../UI/sliders.html" class="nav-link">
  347. <i class="far fa-circle nav-icon"></i>
  348. <p>Sliders</p>
  349. </a>
  350. </li>
  351. <li class="nav-item">
  352. <a href="../UI/modals.html" class="nav-link">
  353. <i class="far fa-circle nav-icon"></i>
  354. <p>Modals & Alerts</p>
  355. </a>
  356. </li>
  357. <li class="nav-item">
  358. <a href="../UI/navbar.html" class="nav-link">
  359. <i class="far fa-circle nav-icon"></i>
  360. <p>Navbar & Tabs</p>
  361. </a>
  362. </li>
  363. <li class="nav-item">
  364. <a href="../UI/timeline.html" class="nav-link">
  365. <i class="far fa-circle nav-icon"></i>
  366. <p>Timeline</p>
  367. </a>
  368. </li>
  369. <li class="nav-item">
  370. <a href="../UI/ribbons.html" class="nav-link">
  371. <i class="far fa-circle nav-icon"></i>
  372. <p>Ribbons</p>
  373. </a>
  374. </li>
  375. </ul>
  376. </li>
  377. <li class="nav-item">
  378. <a href="#" class="nav-link">
  379. <i class="nav-icon fas fa-edit"></i>
  380. <p>
  381. Forms
  382. <i class="fas fa-angle-left right"></i>
  383. </p>
  384. </a>
  385. <ul class="nav nav-treeview">
  386. <li class="nav-item">
  387. <a href="../forms/general.html" class="nav-link">
  388. <i class="far fa-circle nav-icon"></i>
  389. <p>General Elements</p>
  390. </a>
  391. </li>
  392. <li class="nav-item">
  393. <a href="../forms/advanced.html" class="nav-link">
  394. <i class="far fa-circle nav-icon"></i>
  395. <p>Advanced Elements</p>
  396. </a>
  397. </li>
  398. <li class="nav-item">
  399. <a href="../forms/editors.html" class="nav-link">
  400. <i class="far fa-circle nav-icon"></i>
  401. <p>Editors</p>
  402. </a>
  403. </li>
  404. <li class="nav-item">
  405. <a href="../forms/validation.html" class="nav-link">
  406. <i class="far fa-circle nav-icon"></i>
  407. <p>Validation</p>
  408. </a>
  409. </li>
  410. </ul>
  411. </li>
  412. <li class="nav-item">
  413. <a href="#" class="nav-link">
  414. <i class="nav-icon fas fa-table"></i>
  415. <p>
  416. Tables
  417. <i class="fas fa-angle-left right"></i>
  418. </p>
  419. </a>
  420. <ul class="nav nav-treeview">
  421. <li class="nav-item">
  422. <a href="../tables/simple.html" class="nav-link">
  423. <i class="far fa-circle nav-icon"></i>
  424. <p>Simple Tables</p>
  425. </a>
  426. </li>
  427. <li class="nav-item">
  428. <a href="../tables/data.html" class="nav-link">
  429. <i class="far fa-circle nav-icon"></i>
  430. <p>DataTables</p>
  431. </a>
  432. </li>
  433. <li class="nav-item">
  434. <a href="../tables/jsgrid.html" class="nav-link">
  435. <i class="far fa-circle nav-icon"></i>
  436. <p>jsGrid</p>
  437. </a>
  438. </li>
  439. </ul>
  440. </li>
  441. <li class="nav-header">EXAMPLES</li>
  442. <li class="nav-item">
  443. <a href="../calendar.html" class="nav-link">
  444. <i class="nav-icon far fa-calendar-alt"></i>
  445. <p>
  446. Calendar
  447. <span class="badge badge-info right">2</span>
  448. </p>
  449. </a>
  450. </li>
  451. <li class="nav-item">
  452. <a href="../gallery.html" class="nav-link">
  453. <i class="nav-icon far fa-image"></i>
  454. <p>
  455. Gallery
  456. </p>
  457. </a>
  458. </li>
  459. <li class="nav-item">
  460. <a href="../kanban.html" class="nav-link">
  461. <i class="nav-icon fas fa-columns"></i>
  462. <p>
  463. Kanban Board
  464. </p>
  465. </a>
  466. </li>
  467. <li class="nav-item">
  468. <a href="#" class="nav-link">
  469. <i class="nav-icon far fa-envelope"></i>
  470. <p>
  471. Mailbox
  472. <i class="fas fa-angle-left right"></i>
  473. </p>
  474. </a>
  475. <ul class="nav nav-treeview">
  476. <li class="nav-item">
  477. <a href="../mailbox/mailbox.html" class="nav-link">
  478. <i class="far fa-circle nav-icon"></i>
  479. <p>Inbox</p>
  480. </a>
  481. </li>
  482. <li class="nav-item">
  483. <a href="../mailbox/compose.html" class="nav-link">
  484. <i class="far fa-circle nav-icon"></i>
  485. <p>Compose</p>
  486. </a>
  487. </li>
  488. <li class="nav-item">
  489. <a href="../mailbox/read-mail.html" class="nav-link">
  490. <i class="far fa-circle nav-icon"></i>
  491. <p>Read</p>
  492. </a>
  493. </li>
  494. </ul>
  495. </li>
  496. <li class="nav-item">
  497. <a href="#" class="nav-link">
  498. <i class="nav-icon fas fa-book"></i>
  499. <p>
  500. Pages
  501. <i class="fas fa-angle-left right"></i>
  502. </p>
  503. </a>
  504. <ul class="nav nav-treeview">
  505. <li class="nav-item">
  506. <a href="../examples/invoice.html" class="nav-link">
  507. <i class="far fa-circle nav-icon"></i>
  508. <p>Invoice</p>
  509. </a>
  510. </li>
  511. <li class="nav-item">
  512. <a href="../examples/profile.html" class="nav-link">
  513. <i class="far fa-circle nav-icon"></i>
  514. <p>Profile</p>
  515. </a>
  516. </li>
  517. <li class="nav-item">
  518. <a href="../examples/e-commerce.html" class="nav-link">
  519. <i class="far fa-circle nav-icon"></i>
  520. <p>E-commerce</p>
  521. </a>
  522. </li>
  523. <li class="nav-item">
  524. <a href="../examples/projects.html" class="nav-link">
  525. <i class="far fa-circle nav-icon"></i>
  526. <p>Projects</p>
  527. </a>
  528. </li>
  529. <li class="nav-item">
  530. <a href="../examples/project-add.html" class="nav-link">
  531. <i class="far fa-circle nav-icon"></i>
  532. <p>Project Add</p>
  533. </a>
  534. </li>
  535. <li class="nav-item">
  536. <a href="../examples/project-edit.html" class="nav-link">
  537. <i class="far fa-circle nav-icon"></i>
  538. <p>Project Edit</p>
  539. </a>
  540. </li>
  541. <li class="nav-item">
  542. <a href="../examples/project-detail.html" class="nav-link">
  543. <i class="far fa-circle nav-icon"></i>
  544. <p>Project Detail</p>
  545. </a>
  546. </li>
  547. <li class="nav-item">
  548. <a href="../examples/contacts.html" class="nav-link">
  549. <i class="far fa-circle nav-icon"></i>
  550. <p>Contacts</p>
  551. </a>
  552. </li>
  553. <li class="nav-item">
  554. <a href="../examples/faq.html" class="nav-link">
  555. <i class="far fa-circle nav-icon"></i>
  556. <p>FAQ</p>
  557. </a>
  558. </li>
  559. <li class="nav-item">
  560. <a href="../examples/contact-us.html" class="nav-link">
  561. <i class="far fa-circle nav-icon"></i>
  562. <p>Contact us</p>
  563. </a>
  564. </li>
  565. </ul>
  566. </li>
  567. <li class="nav-item menu-open">
  568. <a href="#" class="nav-link active">
  569. <i class="nav-icon far fa-plus-square"></i>
  570. <p>
  571. Extras
  572. <i class="fas fa-angle-left right"></i>
  573. </p>
  574. </a>
  575. <ul class="nav nav-treeview">
  576. <li class="nav-item">
  577. <a href="#" class="nav-link">
  578. <i class="far fa-circle nav-icon"></i>
  579. <p>
  580. Login & Register v1
  581. <i class="fas fa-angle-left right"></i>
  582. </p>
  583. </a>
  584. <ul class="nav nav-treeview">
  585. <li class="nav-item">
  586. <a href="../examples/login.html" class="nav-link">
  587. <i class="far fa-circle nav-icon"></i>
  588. <p>Login v1</p>
  589. </a>
  590. </li>
  591. <li class="nav-item">
  592. <a href="../examples/register.html" class="nav-link">
  593. <i class="far fa-circle nav-icon"></i>
  594. <p>Register v1</p>
  595. </a>
  596. </li>
  597. <li class="nav-item">
  598. <a href="../examples/forgot-password.html" class="nav-link">
  599. <i class="far fa-circle nav-icon"></i>
  600. <p>Forgot Password v1</p>
  601. </a>
  602. </li>
  603. <li class="nav-item">
  604. <a href="../examples/recover-password.html" class="nav-link">
  605. <i class="far fa-circle nav-icon"></i>
  606. <p>Recover Password v1</p>
  607. </a>
  608. </li>
  609. </ul>
  610. </li>
  611. <li class="nav-item">
  612. <a href="#" class="nav-link">
  613. <i class="far fa-circle nav-icon"></i>
  614. <p>
  615. Login & Register v2
  616. <i class="fas fa-angle-left right"></i>
  617. </p>
  618. </a>
  619. <ul class="nav nav-treeview">
  620. <li class="nav-item">
  621. <a href="../examples/login-v2.html" class="nav-link">
  622. <i class="far fa-circle nav-icon"></i>
  623. <p>Login v2</p>
  624. </a>
  625. </li>
  626. <li class="nav-item">
  627. <a href="../examples/register-v2.html" class="nav-link">
  628. <i class="far fa-circle nav-icon"></i>
  629. <p>Register v2</p>
  630. </a>
  631. </li>
  632. <li class="nav-item">
  633. <a href="../examples/forgot-password-v2.html" class="nav-link">
  634. <i class="far fa-circle nav-icon"></i>
  635. <p>Forgot Password v2</p>
  636. </a>
  637. </li>
  638. <li class="nav-item">
  639. <a href="../examples/recover-password-v2.html" class="nav-link">
  640. <i class="far fa-circle nav-icon"></i>
  641. <p>Recover Password v2</p>
  642. </a>
  643. </li>
  644. </ul>
  645. </li>
  646. <li class="nav-item">
  647. <a href="../examples/lockscreen.html" class="nav-link">
  648. <i class="far fa-circle nav-icon"></i>
  649. <p>Lockscreen</p>
  650. </a>
  651. </li>
  652. <li class="nav-item">
  653. <a href="../examples/legacy-user-menu.html" class="nav-link">
  654. <i class="far fa-circle nav-icon"></i>
  655. <p>Legacy User Menu</p>
  656. </a>
  657. </li>
  658. <li class="nav-item">
  659. <a href="../examples/language-menu.html" class="nav-link">
  660. <i class="far fa-circle nav-icon"></i>
  661. <p>Language Menu</p>
  662. </a>
  663. </li>
  664. <li class="nav-item">
  665. <a href="../examples/404.html" class="nav-link">
  666. <i class="far fa-circle nav-icon"></i>
  667. <p>Error 404</p>
  668. </a>
  669. </li>
  670. <li class="nav-item">
  671. <a href="../examples/500.html" class="nav-link">
  672. <i class="far fa-circle nav-icon"></i>
  673. <p>Error 500</p>
  674. </a>
  675. </li>
  676. <li class="nav-item">
  677. <a href="../examples/pace.html" class="nav-link">
  678. <i class="far fa-circle nav-icon"></i>
  679. <p>Pace</p>
  680. </a>
  681. </li>
  682. <li class="nav-item">
  683. <a href="../examples/blank.html" class="nav-link active">
  684. <i class="far fa-circle nav-icon"></i>
  685. <p>Blank Page</p>
  686. </a>
  687. </li>
  688. <li class="nav-item">
  689. <a href="../assets/starter.html" class="nav-link">
  690. <i class="far fa-circle nav-icon"></i>
  691. <p>Starter Page</p>
  692. </a>
  693. </li>
  694. </ul>
  695. </li>
  696. <li class="nav-item">
  697. <a href="#" class="nav-link">
  698. <i class="nav-icon fas fa-search"></i>
  699. <p>
  700. Search
  701. <i class="fas fa-angle-left right"></i>
  702. </p>
  703. </a>
  704. <ul class="nav nav-treeview">
  705. <li class="nav-item">
  706. <a href="../search/simple.html" class="nav-link">
  707. <i class="far fa-circle nav-icon"></i>
  708. <p>Simple Search</p>
  709. </a>
  710. </li>
  711. <li class="nav-item">
  712. <a href="../search/enhanced.html" class="nav-link">
  713. <i class="far fa-circle nav-icon"></i>
  714. <p>Enhanced</p>
  715. </a>
  716. </li>
  717. </ul>
  718. </li>
  719. <li class="nav-header">MISCELLANEOUS</li>
  720. <li class="nav-item">
  721. <a href="../assets/iframe.html" class="nav-link">
  722. <i class="nav-icon fas fa-ellipsis-h"></i>
  723. <p>Tabbed IFrame Plugin</p>
  724. </a>
  725. </li>
  726. <li class="nav-item">
  727. <a href="https://adminlte.io/docs/3.1/" class="nav-link">
  728. <i class="nav-icon fas fa-file"></i>
  729. <p>Documentation</p>
  730. </a>
  731. </li>
  732. <li class="nav-header">MULTI LEVEL EXAMPLE</li>
  733. <li class="nav-item">
  734. <a href="#" class="nav-link">
  735. <i class="fas fa-circle nav-icon"></i>
  736. <p>Level 1</p>
  737. </a>
  738. </li>
  739. <li class="nav-item">
  740. <a href="#" class="nav-link">
  741. <i class="nav-icon fas fa-circle"></i>
  742. <p>
  743. Level 1
  744. <i class="right fas fa-angle-left"></i>
  745. </p>
  746. </a>
  747. <ul class="nav nav-treeview">
  748. <li class="nav-item">
  749. <a href="#" class="nav-link">
  750. <i class="far fa-circle nav-icon"></i>
  751. <p>Level 2</p>
  752. </a>
  753. </li>
  754. <li class="nav-item">
  755. <a href="#" class="nav-link">
  756. <i class="far fa-circle nav-icon"></i>
  757. <p>
  758. Level 2
  759. <i class="right fas fa-angle-left"></i>
  760. </p>
  761. </a>
  762. <ul class="nav nav-treeview">
  763. <li class="nav-item">
  764. <a href="#" class="nav-link">
  765. <i class="far fa-dot-circle nav-icon"></i>
  766. <p>Level 3</p>
  767. </a>
  768. </li>
  769. <li class="nav-item">
  770. <a href="#" class="nav-link">
  771. <i class="far fa-dot-circle nav-icon"></i>
  772. <p>Level 3</p>
  773. </a>
  774. </li>
  775. <li class="nav-item">
  776. <a href="#" class="nav-link">
  777. <i class="far fa-dot-circle nav-icon"></i>
  778. <p>Level 3</p>
  779. </a>
  780. </li>
  781. </ul>
  782. </li>
  783. <li class="nav-item">
  784. <a href="#" class="nav-link">
  785. <i class="far fa-circle nav-icon"></i>
  786. <p>Level 2</p>
  787. </a>
  788. </li>
  789. </ul>
  790. </li>
  791. <li class="nav-item">
  792. <a href="#" class="nav-link">
  793. <i class="fas fa-circle nav-icon"></i>
  794. <p>Level 1</p>
  795. </a>
  796. </li>
  797. <li class="nav-header">LABELS</li>
  798. <li class="nav-item">
  799. <a href="#" class="nav-link">
  800. <i class="nav-icon far fa-circle text-danger"></i>
  801. <p class="text">Important</p>
  802. </a>
  803. </li>
  804. <li class="nav-item">
  805. <a href="#" class="nav-link">
  806. <i class="nav-icon far fa-circle text-warning"></i>
  807. <p>Warning</p>
  808. </a>
  809. </li>
  810. <li class="nav-item">
  811. <a href="#" class="nav-link">
  812. <i class="nav-icon far fa-circle text-info"></i>
  813. <p>Informational</p>
  814. </a>
  815. </li>
  816. </ul>
  817. </nav>
  818. <!-- /.sidebar-menu -->
  819. </div>
  820. <!-- /.sidebar -->
  821. </aside>
  822.  
Add Comment
Please, Sign In to add comment