You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

89 lines
2.9 KiB

3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
  1. <!doctype html>
  2. <html lang="en_EN">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="x-ua-compatible" content="ie=edge">
  6. <title>
  7. Plain UI | Lightweight CSS UI Framework for Building Apps and Websites
  8. </title>
  9. <meta name="description" content="Lightweight UI Framework for building fast and clean Websites and Apps for Mobile, Tablet and Desktop. Minimal UI-Elements, Functions and Helpers">
  10. <meta name="viewport" content="width=device-width,initial-scale=1">
  11. <link rel="stylesheet" href="plain-ui.css">
  12. </head>
  13. <body class="overflow-x-hidden">
  14. <header class="header">
  15. <div class="bar">
  16. <div class="bar__start">
  17. <h1 class="m-top-4 m-bottom-4 h4">
  18. Plain UI 0.3
  19. </h1>
  20. </div>
  21. <div class="bar__main justify-end">
  22. <a class="button button--small m-bottom-0" href="#">
  23. Github
  24. <svg class="m-left-3 icon fill-text" aria-hidden="true">
  25. <use xlink:href="symbol-defs.svg#icon-github"></use>
  26. </svg>
  27. </a>
  28. <a class="button button--small m-left-sm-3 m-bottom-0" href="https://gitea.tentakelfabrik.de/" rel="noopener" target="_blank">
  29. Gitea
  30. <svg class="m-left-3 icon fill-text" aria-hidden="true">
  31. <use xlink:href="symbol-defs.svg#icon-gitea"></use>
  32. </svg>
  33. </a>
  34. </div>
  35. </div>
  36. </header>
  37. <div class="container m-top-6">
  38. <div class="grid">
  39. <div class="col-12">
  40. <nav>
  41. <div class="tabs">
  42. <a href="index.html" class="tabs__item">
  43. Basics
  44. </a>
  45. <a href="components.html" class="tabs__item">
  46. Components
  47. </a>
  48. <a href="layout.html" class="tabs__item">
  49. Layout
  50. </a>
  51. <a href="helpers.html" class="tabs__item">
  52. Helpers
  53. </a>
  54. </div>
  55. </nav>
  56. </div>
  57. </div>
  58. </div>
  59. <div class="container m-top-6">
  60. <div class="grid">
  61. <div class="col-12">
  62. </div>
  63. </div>
  64. </div>
  65. <footer class="site-footer m-top-5">
  66. <div class="bar">
  67. <div class="bar__main">
  68. </div>
  69. <div class="bar__end">
  70. <a class="color-text-contrast m-right-4" href="/imprint.html">
  71. Imprint
  72. </a>
  73. <a class="color-text-contrast" href="/private-policy.html">
  74. Privacy Policy
  75. </a>
  76. </div>
  77. </div>
  78. </footer>
  79. </body>
  80. </html