Advertisement
Ruslan_Rayanov

Menu global

Sep 28th, 2023
62
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.50 KB | None | 0 0
  1. <div style="height: 55px;">
  2. <div class="navbar-container position-fixed bg-dark w-100" style="z-index:2;">
  3. <nav class="navbar navbar-expand-md navbar-dark">
  4. <!-- ЛОГО и НАЗВАНИЕ -->
  5. <a class="navbar-img mr-2" href="/"><i class="fas fa-dove "></i>
  6. </a>
  7. <a class="navbar-brand" href="#">Falcon Space</a>
  8. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  9. <span class="navbar-toggler-icon"></span>
  10. </button>
  11. <div class="collapse navbar-collapse" id="navbar">
  12. <!-- МЕНЮ СЛЕВА -->
  13. <ul class="navbar-nav mr-auto">
  14. <!-- Простые пункты меню -->
  15. <li class="nav-item">
  16. <a class="nav-link" href="#lnd-main3">Ссылка 1</a>
  17. </li>
  18. <li class="nav-item">
  19. <a class="nav-link" href="#link-2">Ссылка 2</a>
  20. </li>
  21. <!-- Вложенные пункты меню -->
  22. <li class="nav-item dropdown">
  23. <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  24. Dropdown
  25. </a>
  26. <div class="dropdown-menu" aria-labelledby="navbarDropdown">
  27. <a class="dropdown-item" href="#">Action</a>
  28. <a class="dropdown-item" href="#">Another action</a>
  29. <div class="dropdown-divider"></div>
  30. <a class="dropdown-item" href="#">Something else here</a>
  31. </div>
  32. </li>
  33. <!-- Глобальный поиск -->
  34. <li class="nav-item">
  35. <div class="input-group" style="max-width: 150px; position:relative; top: 2px;">
  36. <select class='form-control bg-light border-0 small asSearch as-select-search d-none'
  37. data-url="/controls/search/search" data-itemID="0">
  38. <option value='0'>Найти...</option>
  39. </select>
  40. </div>
  41. </li>
  42. <!-- УВЕДОМЛЕНИЯ -->
  43. <li class="nav-item dropdown">
  44. <a class="nav-link dropdown-toggle " href="#" id="alertsDropdown" role="button"
  45. data-toggle="dropdown">
  46. <i class="fas fa-bell fa-fw"></i>
  47. <span class="badge badge-danger badge-counter as-notification-count hide">0</span>
  48. </a>
  49. <div class="dropdown-list dropdown-menu dropdown-menu-right shadow animated zoomInDown animated--grow-in" aria-labelledby="alertsDropdown">
  50. <a href="/notifications" class="dropdown-header text-center text-decoration-none">
  51. Все уведомления
  52. </a>
  53. <div class="as-notification-cont"></div>
  54. </div>
  55. </li>
  56. <!-- Сообщения -->
  57. <li class="nav-item dropdown no-arrow mx-1">
  58. <a class="nav-link " href="/messages" id="msgCount" role="button">
  59. <i class="fas fa-envelope fa-fw "></i>
  60. <span class="badge badge-danger badge-counter as-msg-count hide">0</span>
  61. </a>
  62. </li>
  63. <!-- РАЗДЕЛИТЕЛЬ -->
  64. <li class='border d-none d-sm-block'></li>
  65. <!-- Некая кнопка с иконкой -->
  66. <li class="nav-item dropdown no-arrow mx-1" title="">
  67. <a class="nav-link " href="#" role="button">
  68. <i class="fa fa-bars fa-fw"></i>
  69. <span>1000</span>
  70. </a>
  71. </li>
  72. <!-- КОРЗИНА -->
  73. <li class="nav-item dropdown no-arrow asTopCartBar hide">
  74. <a class="nav-link dropdown-toggle" href="#" id="cartDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  75. <i class="fas fa-shopping-cart fa-fw"></i>
  76. <span class="badge badge-danger badge-counter as-cart-productCount hide">0</span>
  77. </a>
  78. <div class="dropdown-menu dropdown-menu-right p-3 shadow animated--grow-in text-center" aria-labelledby="cartDropdown">
  79. <div class="as-cart-info" data-code="supplierProduct"></div>
  80. </div>
  81. </li>
  82. <!-- ЯЗЫКИ -->
  83. <li class="nav-item dropdown no-arrow asTopLang">
  84. <a class="nav-link dropdown-toggle" href="#" id="langDropdown" role="button" data-toggle="dropdown">
  85. <i class="fas fa-globe fa-fw"></i><span class="as-langs-curLang hide text-uppercase"></span>
  86. </a>
  87. <div class="dropdown-menu dropdown-menu-right p-3 shadow text-center" aria-labelledby="langDropdown">
  88. <div class="as-langs hide"></div>
  89. </div>
  90. </li>
  91. </ul>
  92. <!-- МЕНЮ СПРАВА -->
  93. <ul class="navbar-nav">
  94. <li class="nav-item ">
  95. <a class="nav-link" href="https://wa.me/+79008007060" title="Whatsapp, telegram, viber" target="_blank" ><i class="fab fa-whatsapp"></i> +7 (900) 800-70-60</a>
  96. </li>
  97. <!-- СЛУЖЕБНОЕ МЕНЮ ПОЛЬЗОВАТЕЛЯ -->
  98. <li class="nav-item dropdown no-arrow as-loginStatus">
  99. <a class="nav-link dropdown-toggle animated zoomInRight delay-1s slow" href="#"
  100. id="userDropdown" role="button" data-toggle="dropdown" >
  101. <i class="fa fa-user-tie"></i>
  102. <span class="as-userPicLabel ">user1</span>
  103. </a>
  104. <div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
  105. <span class="userDropdownLabel dropdown-item disabled text-center font-weight-bold">
  106. Пользователь
  107. </span>
  108. <div class="dropdown-divider"></div>
  109. <a class="dropdown-item " href="/user">
  110. <i class="fas fa-user fa-sm fa-fw mr-2 text-gray-400"></i>
  111. Мой профиль
  112. </a>
  113. <a class="dropdown-item " href="/changepass">
  114. <i class="fas fa-key fa-sm fa-fw mr-2 text-gray-400"></i>
  115. Сменить пароль
  116. </a>
  117. <a class="dropdown-item " href="/account/logoff">
  118. <i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"></i>
  119. Выйти
  120. </a>
  121. </div>
  122. </li>
  123.  
  124. </ul>
  125. </div>
  126. </nav>
  127. </div>
  128. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement