You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
pankisPage/index.html

73 lines
3.3 KiB
HTML

7 years ago
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="favicon.png" type="image/x-icon">
<title>Felix Pankratz</title>
</head>
<body>
<center>
<div class="headline">
<h1>Felix Pankratz</h1>
</div>
<nav class="navbar navbar-expand-sm navbar-inverse">
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="https://felixpankratz.de">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://felixpankratz.de/projects.html">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://felixpankratz.de/chat/">Chat</a>
</li>
7 years ago
<li class="nav-item">
<a class="nav-link" href="https://felixpankratz.de/ez/index.php">Monitoring</a>
</li>
<li class="nav-item" >
<a class="nav-link" href="https://felixpankratz.de/disclaimer.html">Disclaimer</a>
</li>
</ul>
</nav>
7 years ago
<img style="border:5px solid #136D9E;border-radius: 75px" src="portrait.png" alt="portrait" height="150" width="150">
7 years ago
<div class="bio">
<h2> Overview </h2>
<p>Welcome to my homepage. I'm a system administrator/software developer in training, living in Germany.
I graduated highschool in 2015, at the Markgrälfer Gymnasium Müllheim. My skills include knowledge of JavaScript, Delphi, and a bit of webdev. In my spare time I enjoy making hardware projects with Arduino-like devices, aswell as tinkering around with this very server.
</p>
</div>
<div class="linklist">
<h2> Links </h2>
<a href="http://github.com/panki27">My GitHub Page</a>
</div>
<br/>
<div class="social">
<h2> Find me on social media: </h2>
<p>
<a href="https://www.facebook.com/felix.pankratz">Facebook</a> | <a href="https://www.instagram.com/panki27/">Instagram</a>
</p>
</div>
</center>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
</body>
<footer>
<div class="footer">
<p> (c) 2020 Felix Pankratz | <a href="mailto:mail@felixpankratz.de">Contact</a> </p>
7 years ago
</div>
</footer>
</html>