63 lines
2.7 KiB
HTML
63 lines
2.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
<html lang="de">
|
||
|
<head>
|
||
|
<meta charset="utf-8">
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
||
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||
|
|
||
|
<link type="text/css" rel="stylesheet" href="../css/style.css" />
|
||
|
<link type="text/css" rel="stylesheet" href="../css/mobile.css" />
|
||
|
<link type="text/css" rel="stylesheet" href="../css/animation.css" />
|
||
|
<link type="text/css" rel="stylesheet" href="../css/font-awesome/css/font-awesome.css" />
|
||
|
|
||
|
<title>Thiemoo.at - der Alpenmann</title>
|
||
|
</head>
|
||
|
|
||
|
<body>
|
||
|
|
||
|
<div id="sidebar" class="sidebar">
|
||
|
<div id="content" class="content">
|
||
|
<h1 class="sidebar-header">Navigation</h1>
|
||
|
<hr>
|
||
|
|
||
|
<ul>
|
||
|
<li id="nav-home" class="home active"><a href="#home"><i class="icon active"></i><span>Home</span></a></li>
|
||
|
<li id="nav-portfolio" class="portfolio"><a href="#portfolio"><i class="icon"></i><span>Portfolio</span></a></li>
|
||
|
<li id="nav-server" class="server"><a href="#server"><i class="icon"></i><span>Server</span></a></li>
|
||
|
<li id="nav-projekte" class="projekte"><a href="#projekte"><i class="icon"></i><span>Projekte</span></a></li>
|
||
|
<li id="nav-blog" class="blog"><a href="#blog"><i class="icon"></i><span>Blog</span></a></li>
|
||
|
</ul>
|
||
|
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="navbar" id="navbar">
|
||
|
<a class="navbar-name" href="https://thiemoo.at">
|
||
|
<span class="name-t">T</span><span class="name-h">h</span><span class="name-i">i</span><span class="name-e">e</span><span class="name-m">m</span><span class="name-o">o</span><span class="name-o2">o</span>
|
||
|
</a>
|
||
|
<a class="menu-button" onclick="switchNav()"><i id="navbar-icon" class="fa fa-bars" aria-hidden="true"></i></a>
|
||
|
</div>
|
||
|
|
||
|
<div class="impressum">
|
||
|
<img class="avatar-img" src="../images/profile.png" alt="Avatar"></img>
|
||
|
|
||
|
<p class="thats-me">Yep, das bin wirklich ich!</p>
|
||
|
<img class="thats-me-arrow" src="../images/arrow.svg" alt="Arrow"></img>
|
||
|
</div>
|
||
|
|
||
|
<div class="impressum-info">
|
||
|
<p class="placeholder"> </p>
|
||
|
|
||
|
<p><span>☛</span> Thiemo Tiziani</p>
|
||
|
<p><span>☛</span> Pufferweg 2</p>
|
||
|
<p><span>☛</span> 4400 Steyr</p>
|
||
|
<p><span>☛</span> Österreich</p>
|
||
|
<p class="placeholder"> </p>
|
||
|
<p><span>✉</span> E-Mail: <a href="mailto: thiemo.tiziani@thiemoo.at" class="links">thiemo.tiziani@thiemoo.at</a></p>
|
||
|
<p><span>✆</span> Telefon: <span>+43 677 64 782240</span></p>
|
||
|
</div>
|
||
|
|
||
|
<script type="text/javascript" src="../js/sidebar.js"></script>
|
||
|
</body>
|
||
|
</html>
|