68 lines
1.6 KiB
HTML
68 lines
1.6 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>Hallo Internet!</h1>
|
||
<h2>Ich bin Malik, irgend so ein Typ im Web, der gerade Programmieren lernt.</h2>
|
||
<p> </p>
|
||
<h2>Willkommen auf meiner persönlichen Webseite. Hier erfährst du mehr über mich und meine Projekte! Danke fürs Vorbeischauen. :)</h2>
|
||
</div>
|
||
<div class="col-2">
|
||
<img src="webicons/foto.png" class="fotovonmir">
|
||
</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> |