botsym-css/index.html
2017-10-01 22:55:29 +03:00

75 lines
2.1 KiB
HTML

<!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>
<ul><a href="https://git.teasca.de/teascade">What is this?</a></ul>
<ul>Oh no</ul>
<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>
</div>
<div class="box double white width-50">
<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>
</li>
<p>new line</p>
<p>6th line</p>
</li>
</div>
</div>
<div>
<div class="box blue width-100">
<div class="padding-2">
<div class="">
<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>
</div>
</div>
</div>
</body>
</html>