Макет интерфейса 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.4KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  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. <span class="uk-navbar-item uk-logo">
  21. Макет UIK | UIK template
  22. </span>
  23. <!-- ПРИМЕР_КОНЕЦ -->
  24. <!-- SAMPLE_END -->
  25. </div>
  26. <div id="${заголовокПраво}" class="uk-navbar-right">
  27. <!-- ПРИМЕР_НАЧАЛО -->
  28. <!-- SAMPLE_BEGIN -->
  29. <ul class="uk-navbar-nav">
  30. <li>
  31. <a>💾</a>
  32. </li>
  33. </ul>
  34. <!-- ПРИМЕР_КОНЕЦ -->
  35. <!-- SAMPLE_END -->
  36. </div>
  37. </nav>
  38. </div>
  39. </div>
  40. <div id="${меню}" class="tm-sidebar-left">
  41. <!-- ПРИМЕР_НАЧАЛО -->
  42. <!-- SAMPLE_BEGIN -->
  43. <ul class="uk-nav uk-nav-default tm-nav">
  44. <li class="uk-nav-header">📦 Зав | Mgr</li>
  45. <li class="uk-active"><a>/загрузка|load.js</a></li>
  46. <li><a>/загрузка|load.череда</a></li>
  47. <li><a>/основа|main.js</a></li>
  48. <li><a>/основа|main.череда</a></li>
  49. </ul>
  50. <!-- ПРИМЕР_КОНЕЦ -->
  51. <!-- SAMPLE_END -->
  52. </div>
  53. <div id="${содержимое}">
  54. <!-- ПРИМЕР_НАЧАЛО -->
  55. <!-- SAMPLE_BEGIN -->
  56. <p>Пример содержимого</p>
  57. <!-- ПРИМЕР_КОНЕЦ -->
  58. <!-- SAMPLE_END -->
  59. </div>
  60. <!-- МАКЕТ_КОНЕЦ -->
  61. <!-- TEMPLATE_END -->
  62. </body>
  63. </html>