Add index.html

index.html

@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Daniel Wenzlik - Service administrator, media creator, musician</title>
+    <link rel="stylesheet" href="./css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="./style.css" />
+</head>
+<body>
+    <div class="backgroundImg">
+        <img src="bg.jpg" alt="bgImg"/>
+    </div>
+    <header>
+
+        <a href="/"><img src="profile.webp" alt="Daniel Wenzlik Logo"/></a>
+        <h1><mark>Hi, i am Daniel Wenzlik</mark><br><br>Service administrator, media creator, musician</h1>
+        <p>Find me at:</p>
+    </header>
+    <main>
+        <a href="https://instagram.com/dawenzlik" target="_blank" class="link">
+            <div class="LinkBackground"></div>
+            <p>Instagram</p>  
+            <i class="fa-brands fa-instagram"></i>
+        </a>
+        <a href="https://linkedin.com/in/dawenzlik" target="_blank" class="link">
+            <div class="LinkBackground"></div>
+            <p>LinkedIn</p>  
+            <i class="fa-brands fa-linkedin"></i>
+        </a>
+        <a href="https://www.xing.com/profile/Daniel_Wenzlik081370/" target="_blank" class="link">
+            <div class="LinkBackground"></div>
+            <p>XING</p>  
+            <i class="fa-brands fa-xing"></i>
+        </a>
+        <a href="https://git.hc2.wenzlik.net/daniel" target="_blank" class="link">
+            <div class="LinkBackground"></div>
+            <p>GitLab</p>  
+            <i class="fa-brands fa-gitea"></i>
+        </a>
+        <a href="https://www.parfumo.com/Users/2iQDKo4v" target="_blank" class="link">
+            <div class="LinkBackground"></div>
+            <p>Parfumo</p>  
+            <i class="fa-solid fa-link"></i>
+        </a>
+	  <img src="hosted-by-hetzner-200.png" class="hetzner" alt="Hosted by Hetzner">
+    </main>
+</body>
+</html>