-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmenu_sidebar_test.html
63 lines (57 loc) · 2.57 KB
/
menu_sidebar_test.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="de" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Menu design experiment with hamburger style</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<meta name="robots" content="noindex,nofollow,noarchive" />
<link rel="stylesheet" type="text/css" href="css/layout_menu.css" />
</head>
<body>
<div class="sidebar">
<div class="sidebar-content">
<div class="hamburger">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
<h2>Menu</h2>
<ul>
<li>Introduction</li>
<li>Topics</li>
<li>Links</li>
</ul>
</div>
</div>
<div class="content">
<h1><big><u>mart</u>in's <u>i</u>'net <u>z</u>one</big></h1>
<h2>Introduction</h2>
<div class="intro">
<big>T</big>his page intentionally left blank... <small>currently</small>.<br />
Rest assured... it will change...<br />
<a href="https://www.urbandictionary.com/define.php?term=soon%E2%84%A2"><em>soon</em><sup><small> (tm)</small></sup></a>.
</div>
<h2>Topics</h2>
<div class="topics">
<big>F</big>ollowing topics will be displayed or presented here:
<ul>
<li>Personal progress (maybe journaling as well)</li>
<li>Project development reports</li>
<li>Design ideas</li>
<li>... and many other things (probably)</li>
</ul>
</div>
<h2>Links</h2>
<div class="links">
<a href="https://boot.dev/u/martiz"><img src="img/icon_boot_dev.png" alt="Boot.Dev logo" height="32" width="32" /></a>
<a href="https://github.com/martiz"><img src="img/logo_github.svg" alt="GitHub logo" height="32" width="32" /></a>
<a href="https://twitch.com/martiz_42"><img src="img/logo_twitch.svg" alt="Twitch logo" height="32" width="32" /></a>
<a href="https://bsky.app/profile/martizzi.bsky.social"><img src="img/logo_bluesky.svg" alt="Bluesky logo" height="32" width="32" /></a>
<a href="https://linktr.ee/martizzi"><img src="img/logo_linktree.svg" alt="Linktree logo" height="32" width="32" /></a>
<a href="https://instagram.com/izzitram"><img src="img/logo_instagram.svg" alt="Instagram logo" height="32" width="32" /></a>
<a href="https://codeberg.org/martiz"><img src="img/logo_codeberg_white.svg" alt="Codeberg logo" height="32" width="32" /></a>
</div>
</div>
</body>
</html>