<!doctype html>
< html lang = "en_EN" >
< head >
< meta charset = "utf-8" >
< meta http-equiv = "x-ua-compatible" content = "ie=edge" >
< title > Plain UI | Lightweight CSS UI Framework for Building Apps and Websites< / title >
< 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" >
< meta name = "viewport" content = "width=device-width,initial-scale=1" >
< link rel = "stylesheet" href = "plain-ui.css" >
< / head >
< body class = "overflow-x-hidden" >
< header class = "header" >
< div class = "bar" >
< div class = "bar__start" >
< h1 class = "m-top-4 m-bottom-4 h4" >
Plain UI 0.5
< / h1 >
< / div >
< div class = "bar__main justify-end" >
< a class = "button button--small m-bottom-0" href = "#" >
Github
< svg class = "m-left-3 icon fill-text" aria-hidden = "true" >
< use xlink:href = "symbol-defs.svg#icon-github" > < / use >
< / svg >
< / a >
< a class = "button button--small m-left-sm-3 m-bottom-0" href = "https://gitea.tentakelfabrik.de/" rel = "noopener" target = "_blank" >
Gitea
< svg class = "m-left-3 icon fill-text" aria-hidden = "true" >
< use xlink:href = "symbol-defs.svg#icon-gitea" > < / use >
< / svg >
< / a >
< / div >
< / div >
< / header >
< div class = "container m-top-6" >
< div class = "grid" >
< div class = "col-12" >
< nav >
< div class = "tabs" >
< a href = "index.html" class = "tabs__item" >
Basics
< / a >
< a href = "components.html" class = "tabs__item" >
Components
< / a >
< a href = "layout.html" class = "tabs__item" >
Layout
< / a >
< a href = "helpers.html" class = "tabs__item tabs__item--selected" >
Helpers
< / a >
< / div >
< / nav >
< / div >
< / div >
< / div >
< div class = "container" >
< div class = "grid" >
< div class = "col-12" >
< h1 class = "highlight m-bottom-5" >
Helpers
< / h1 >
< div class = "panel panel--border-highlight border-color-danger m-bottom-4" >
< div class = "panel__body" >
< div class = "content m-last-child-0" >
< p >
Plain UI is currently under development, Styles, Names and Documentation may change until Release!
< / p >
< / div >
< / div >
< / div >
< div class = "panel panel--border-highlight border-color-danger m-bottom-4" >
< div class = "panel__body" >
< div class = "content m-last-child-0" >
< p >
@TODO Documentation
< / p >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< footer class = "site-footer m-top-5" >
< div class = "bar" >
< div class = "bar__main" >
< a class = "color-text-contrast m-right-4" href = "/imprint.html" >
Imprint
< / a >
< a class = "color-text-contrast" href = "/private-policy.html" >
Privacy Policy
< / a >
< / div >
< / div >
< / footer >
< / body >
< /html
