75 lines
2.1 KiB
HTML
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>
|