2017-10-01 21:01:18 +02:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< title > CSS example< / title >
< link type = "text/css" rel = "stylesheet" href = "style.css" / >
< / head >
< body >
< nav >
< li >
< ul > GFA.EXE< / ul > < ul tabindex = "0" class = "list-symbol" > File
< li >
< ul > Save< / ul >
< ul > Save As< / ul >
< ul > Exit< / ul >
< / li >
< / ul > < ul tabindex = "0" class = "list-symbol" > Edit
< li >
< ul > Scale< / ul >
< ul > Something< / ul >
< / li > < / ul > < ul tabindex = "0" class = "list-symbol" > View
< li >
< ul > Style< / ul >
< ul > Another style< / ul >
< / li > < / ul > < ul tabindex = "0" class = "list-symbol" > Help
< li >
2017-10-01 22:20:12 +02:00
< ul > < a href = "https://git.teasca.de/teascade/retrofuturistic-universe" > What is this?< / a > < / ul >
< ul > < a href = "https://git.teasca.de/teascade/retrofuturistic-universe/issues" > Oh no< / a > < / ul >
2017-10-01 21:01:18 +02:00
< ul > < hr > < / ul >
< ul > A thing under hr< / ul >
< / li > < / ul >
< / li >
< / nav >
< div class = "" > < / div >
< p > Good day! < b > Bold!< / b > < / p >
< div >
< div class = "box white width-50" >
< p > < b > Links!< / b > < / p >
< li class = "button-list" >
< ul > < a href = "https://teasca.de/" > Teasca.de< / a > < / ul >
< ul > < a href = "https://github.com/teascade" > GitHub< / a > < / ul >
< ul > < a href = "https://social.targaryen.house/@teascade" > Mastodon< / a > < / ul >
< / li >
< div class = "hr" > < hr > < / div >
< p > Stuff under the hr!< / p >
< / li >
2017-10-01 22:20:12 +02:00
< /div
2017-10-01 22:26:57 +02:00
>< div class = "box double white width-50" >
2017-10-01 22:20:12 +02:00
< p > Welcome to a thing! This is a list, hello!< / p >
< p > The list:< / p >
< li >
< ul > Thing in a list < / ul >
< ul > Another thing< / ul >
2017-10-01 21:01:18 +02:00
< / li >
2017-10-01 22:20:12 +02:00
< div class = "space-1em" > < / div >
2017-10-01 21:01:18 +02:00
< / div >
< / div >
< div >
2017-10-01 21:55:29 +02:00
< div class = "box blue width-100" >
2017-10-01 22:20:12 +02:00
< div class = "padding-1" >
2017-10-01 21:01:18 +02:00
< div class = "" >
2017-10-01 22:20:12 +02:00
< p > Dolorem iusto nihil modi perspiciatis. Omnis nemo sed nam sed sunt qui. Laudantium accusantium architecto sint et necessitatibus quibusdam. Doloribus hic similique ut reiciendis rem ut placeat. Sit doloremque autem dicta quasi commodi nihil qui.< / p >
< div class = "space-1em" > < / div >
2017-10-01 21:01:18 +02:00
< p > < b > Some stuff< / b > < / p >
< div class = "space-1em" > < / div >
< p > This is a blue box< / p >
< div class = "hr" > < hr > < / div >
< p > Hello! I'm under hr!< / p >
< / div >
2017-10-01 21:55:29 +02:00
< / div >
2017-10-01 21:01:18 +02:00
< / div >
< / div >
< / body >
< / html >
