67 lines
1.5 KiB
HTML
67 lines
1.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
<html lang="en">
|
||
|
|
||
|
<head>
|
||
|
<meta charset="utf-8">
|
||
|
<title>Personal Website</title>
|
||
|
<link href="../css/style.css" rel="stylesheet" />
|
||
|
</head>
|
||
|
|
||
|
<body>
|
||
|
|
||
|
<div class="container">
|
||
|
<div class="navbar">
|
||
|
<img src="../webicons/logo.png" class="logo">
|
||
|
<nav>
|
||
|
<ul id="menuList">
|
||
|
<li><a href="../index.html">Home</a></li>
|
||
|
<li><a href="../aboutme.html">About Me</a></li>
|
||
|
<li><a href="../projects.html">Projects</a></li>
|
||
|
<li><a href="../contactme.html">Contact Me</a></li>
|
||
|
</ul>
|
||
|
</nav>
|
||
|
<img src="../webicons/menu.png" class="menu-icon" onclick="togglemenu()">
|
||
|
</div>
|
||
|
|
||
|
<div class="row">
|
||
|
<div class="col-1">
|
||
|
<h1>Meine Katzen!</h1>
|
||
|
<h2>Der weiße Kater heißt Percy und der Schwarzweiße heißt Mailo</h2>
|
||
|
</div>
|
||
|
<div class="col-2" id="catpics">
|
||
|
<img src="catpics/catpic2.jpg">
|
||
|
<img src="catpics/catpic1.jpg">
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="socialmedia">
|
||
|
<a href="https://feddit.de/u/mawacode"><img src="../webicons/lemmy.png"></a>
|
||
|
<a href=""><img src="../webicons/mastodon.png"></a>
|
||
|
</div>
|
||
|
|
||
|
</div>
|
||
|
|
||
|
<script>
|
||
|
|
||
|
var menuList = document.getElementById("menuList");
|
||
|
|
||
|
menuList.style.maxHeight = "0px";
|
||
|
|
||
|
function togglemenu(){
|
||
|
|
||
|
if(menuList.style.maxHeight == "0px")
|
||
|
{
|
||
|
menuList.style.maxHeight = "130px";
|
||
|
}
|
||
|
else
|
||
|
{
|
||
|
menuList.style.maxHeight = "0px";
|
||
|
}
|
||
|
|
||
|
}
|
||
|
|
||
|
</script>
|
||
|
|
||
|
</body>
|
||
|
|
||
|
</html>
|