_sidenav.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. <!-- Main Sidebar Container -->
  2. <aside class="main-sidebar sidebar-bg-dark sidebar-color-primary shadow">
  3. <div class="brand-container">
  4. <a href="#" class="brand-link">
  5. <img src="./assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-80 shadow">
  6. <span class="brand-text fw-light">AdminLTE 4</span>
  7. </a>
  8. <a class="pushmenu mx-1" data-pushmenu="mini" href="#" role="button"><i class="fas fa-angle-double-left"></i></a>
  9. </div>
  10. <!-- Sidebar -->
  11. <div class="sidebar">
  12. <nav class="mt-2">
  13. <!-- Sidebar Menu -->
  14. <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
  15. <li class="nav-item menu-open">
  16. <a href="#" class="nav-link active">
  17. <i class="nav-icon fas fa-circle"></i>
  18. <p>
  19. Dashboard
  20. <i class="right fas fa-angle-left"></i>
  21. </p>
  22. </a>
  23. <ul class="nav nav-treeview">
  24. <li class="nav-item">
  25. <a href="#" class="nav-link active">
  26. <i class="nav-icon far fa-circle"></i>
  27. <p>
  28. Dashboard v1
  29. </p>
  30. </a>
  31. </li>
  32. <li class="nav-item">
  33. <a href="#" class="nav-link">
  34. <i class="nav-icon far fa-circle"></i>
  35. <p>
  36. Dashboard v2
  37. </p>
  38. </a>
  39. </li>
  40. </ul>
  41. </li>
  42. <li class="nav-item menu-open">
  43. <a href="#" class="nav-link">
  44. <i class="nav-icon fas fa-circle"></i>
  45. <p>
  46. Forms
  47. <i class="right fas fa-angle-left"></i>
  48. </p>
  49. </a>
  50. <ul class="nav nav-treeview">
  51. <li class="nav-item">
  52. <a href="./pages/forms/general.html" class="nav-link">
  53. <i class="nav-icon far fa-circle"></i>
  54. <p>
  55. General Elements
  56. </p>
  57. </a>
  58. </li>
  59. <li class="nav-item">
  60. <a href="#" class="nav-link">
  61. <i class="nav-icon far fa-circle"></i>
  62. <p>
  63. Level 2
  64. </p>
  65. </a>
  66. </li>
  67. </ul>
  68. </li>
  69. <li class="nav-header">MULTI LEVEL EXAMPLE</li>
  70. <li class="nav-item">
  71. <a href="#" class="nav-link">
  72. <i class="nav-icon fas fa-circle"></i>
  73. <p>
  74. Level 1
  75. <i class="right fas fa-angle-left"></i>
  76. </p>
  77. </a>
  78. <ul class="nav nav-treeview">
  79. <li class="nav-item">
  80. <a href="#" class="nav-link">
  81. <i class="nav-icon far fa-circle"></i>
  82. <p>
  83. Level 2
  84. <i class="right fas fa-angle-left"></i>
  85. </p>
  86. </a>
  87. <ul class="nav nav-treeview">
  88. <li class="nav-item">
  89. <a href="#" class="nav-link">
  90. <i class="nav-icon far fa-dot-circle"></i>
  91. <p>
  92. Level 3
  93. </p>
  94. </a>
  95. </li>
  96. </ul>
  97. </li>
  98. <li class="nav-item">
  99. <a href="#" class="nav-link">
  100. <i class="nav-icon far fa-circle"></i>
  101. <p>
  102. Level 2
  103. </p>
  104. </a>
  105. </li>
  106. </ul>
  107. </li>
  108. </ul>
  109. </nav>
  110. </div>
  111. <!-- /.sidebar -->
  112. </aside>