Макет интерфейса UIK (Основан на UIkit) | UIK interface template (Based on UIkit)
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

макет|template.html 2.3KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  6. <link rel="stylesheet" href="макет|template.css">
  7. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.2.0/dist/css/uikit.min.css" />
  8. <script src="https://cdn.jsdelivr.net/npm/uikit@3.2.0/dist/js/uikit.min.js"></script>
  9. <script src="https://cdn.jsdelivr.net/npm/uikit@3.2.0/dist/js/uikit-icons.min.js"></script>
  10. </head>
  11. <body>
  12. <!-- МАКЕТ_НАЧАЛО -->
  13. <!-- TEMPLATE_BEGIN -->
  14. <div class="tm-navbar uk-navbar-container" uk-sticky>
  15. <div class="uk-container uk-container-expand">
  16. <nav class="uk-navbar">
  17. <div id="${заголовок-лево}" class="uk-navbar-left">
  18. <!-- ПРИМЕР_НАЧАЛО -->
  19. <!-- SAMPLE_BEGIN -->
  20. <p class="uk-navbar-item uk-logo">
  21. Макет UIK | UIK template
  22. </p>
  23. <!-- ПРИМЕР_КОНЕЦ -->
  24. <!-- SAMPLE_END -->
  25. </div>
  26. <div id="${заголовок-центр}" class="uk-navbar-center">
  27. </div>
  28. <div id="${заголовок-право}" class="uk-navbar-right">
  29. <!-- ПРИМЕР_НАЧАЛО -->
  30. <!-- SAMPLE_BEGIN -->
  31. <ul class="uk-navbar-nav">
  32. <li>
  33. <a>💾</a>
  34. </li>
  35. </ul>
  36. <!-- ПРИМЕР_КОНЕЦ -->
  37. <!-- SAMPLE_END -->
  38. </div>
  39. </nav>
  40. </div>
  41. </div>
  42. <div class="tm-sidebar-left">
  43. <ul id="${меню}" class="uk-nav uk-nav-default tm-nav">
  44. <!-- ПРИМЕР_НАЧАЛО -->
  45. <!-- SAMPLE_BEGIN -->
  46. <li class="uk-nav-header">📦 Зав | Mgr</li>
  47. <li class="uk-active"><a>/загрузка|load.js</a></li>
  48. <li><a>/загрузка|load.череда</a></li>
  49. <li><a>/основа|main.js</a></li>
  50. <li><a>/основа|main.череда</a></li>
  51. <!-- ПРИМЕР_КОНЕЦ -->
  52. <!-- SAMPLE_END -->
  53. </ul>
  54. </div>
  55. <div id="${содержимое}"></div>
  56. <!-- МАКЕТ_КОНЕЦ -->
  57. <!-- TEMPLATE_END -->
  58. </body>
  59. </html>