header.blade.php 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <header class="page-header row">
  2. <div class="logo-wrapper d-flex align-items-center col-auto">
  3. {{-- <a href="/dashboard"> --}}
  4. <img class="sidebar-logo d-block img-fluid" src="/assets/images/logo_white.png" alt="logo" />
  5. {{-- <img class="d-block img-fluid" src="/assets/images/logo.png" alt="logo" /> --}}
  6. {{-- </a> --}}
  7. {{-- <a class="close-btn toggle-sidebar" href="javascript:void(0)">
  8. <i class="iconly-Arrow-Right-2 icli"></i>
  9. </a> --}}
  10. </div>
  11. <div class="page-main-header col">
  12. <div class="header-left">
  13. <img class="d-block img-fluid" src="/assets/images/wmc_logo.png" alt="WMC" style="height: 31px"/>
  14. </div>
  15. <div class="nav-right">
  16. <ul class="header-right">
  17. <li class="custom-dropdown">
  18. <div class="notification-icon">
  19. <i class="iconly-Notification icli"></i>
  20. <span class="badge rounded-pill badge-primary">4</span>
  21. </div>
  22. <div class="custom-menu notification-dropdown py-0 overflow-hidden">
  23. <h3 class="title bg-primary-light dropdown-title">Notification <span class="font-primary">View all</span></h3>
  24. <ul class="activity-timeline">
  25. <li class="d-flex align-items-start">
  26. <div class="activity-line"></div>
  27. <div class="activity-dot-primary"></div>
  28. <div class="flex-grow-1">
  29. <h6 class="f-w-600 font-primary">30-04-2024<span>Today</span><span class="circle-dot-primary float-end">
  30. <svg class="circle-color">
  31. <use href="../assets/svg/iconly-sprite.svg#circle"></use>
  32. </svg></span></h6>
  33. <h5>Alice Goodwin</h5>
  34. <p class="mb-0">Fashion should be fun. It shouldn't be labelled intellectual.</p>
  35. </div>
  36. </li>
  37. <li class="d-flex align-items-start">
  38. <div class="activity-dot-secondary"></div>
  39. <div class="flex-grow-1">
  40. <h6 class="f-w-600 font-secondary">28-06-2024<span>1 hour ago</span><span class="float-end circle-dot-secondary">
  41. <svg class="circle-color">
  42. <use href="../assets/svg/iconly-sprite.svg#circle"></use>
  43. </svg></span></h6>
  44. <h5>Herry Venter</h5>
  45. <p>I am convinced that there can be luxury in simplicity.</p>
  46. </div>
  47. </li>
  48. <li class="d-flex align-items-start">
  49. <div class="activity-dot-primary"></div>
  50. <div class="flex-grow-1">
  51. <h6 class="f-w-600 font-primary">04-08-2024<span>Today</span><span class="float-end circle-dot-primary">
  52. <svg class="circle-color">
  53. <use href="../assets/svg/iconly-sprite.svg#circle"></use>
  54. </svg></span></h6>
  55. <h5>Loain Deo</h5>
  56. <p>I feel that things happen for open new opportunities.</p>
  57. </div>
  58. </li>
  59. <li class="d-flex align-items-start">
  60. <div class="activity-dot-secondary"></div>
  61. <div class="flex-grow-1">
  62. <h6 class="f-w-600 font-secondary">12-11-2024<span>Yesterday</span><span class="float-end circle-dot-secondary">
  63. <svg class="circle-color">
  64. <use href="../assets/svg/iconly-sprite.svg#circle"></use>
  65. </svg></span></h6>
  66. <h5>Fenter Jessy</h5>
  67. <p>Sometimes the simplest things are the most profound.</p>
  68. </div>
  69. </li>
  70. </ul>
  71. </div>
  72. </li>
  73. <li class="profile-nav custom-dropdown">
  74. <div class="user-wrap">
  75. <div class="user-img">
  76. MF
  77. </div>
  78. <div class="user-content">
  79. <h6>Ava Davis</h6>
  80. <p class="mb-0">Admin<i class="fa-solid fa-chevron-down"></i></p>
  81. </div>
  82. </div>
  83. <div class="custom-menu overflow-hidden">
  84. <ul class="profile-body">
  85. <li class="d-flex">
  86. <svg class="svg-color">
  87. <use href="../assets/svg/iconly-sprite.svg#Profile"></use>
  88. </svg><a class="ms-2" href="user-profile.html">Account</a>
  89. </li>
  90. <li class="d-flex">
  91. <svg class="svg-color">
  92. <use href="../assets/svg/iconly-sprite.svg#Message"></use>
  93. </svg><a class="ms-2" href="letter-box.html">Inbox</a>
  94. </li>
  95. <li class="d-flex">
  96. <svg class="svg-color">
  97. <use href="../assets/svg/iconly-sprite.svg#Document"></use>
  98. </svg><a class="ms-2" href="to-do.html">Task</a>
  99. </li>
  100. <li class="d-flex">
  101. <svg class="svg-color">
  102. <use href="../assets/svg/iconly-sprite.svg#Login"></use>
  103. </svg><a class="ms-2" href="login.html">Log Out</a>
  104. </li>
  105. </ul>
  106. </div>
  107. </li>
  108. </ul>
  109. </div>
  110. </div>
  111. </header>