diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..9cb38ff
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <script src="https://unpkg.com/htmx.org@1.9.5"></script>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Cantarell&display=swap');
+        * { font-family: Cantarell, serif }
+        table {
+            border-collapse: collapse;
+        }
+
+        td, th {
+            border: 1px solid #878787;
+            text-align: left;
+            padding: 8px;
+        }
+
+        tr:nth-child(even) {
+            background-color: #dddddd;
+        }
+
+    </style>
+    <meta charset="UTF-8">
+    <title>m*</title>
+</head>
+<body>
+<h1>Welcome to my personal webpage</h1>
+<p>Here you'll be able to find various information about me, including social network links/names</p>
+<h3>Some information about me</h3>
+<table>
+    <tr>
+        <td>Pronouns</td>
+        <td>She/Her</td>
+    </tr>
+    <tr>
+        <td>Egg cracked</td>
+        <td>Jan/Feb 2023</td>
+    </tr>
+    <tr>
+        <td>Lang</td>
+        <td>German, English</td>
+    </tr>
+</table>
+
+<br>
+<h3>You can find me on:</h3>
+<table>
+    <tr>
+        <th>Service</th>
+        <th>Link/Username</th>
+    </tr>
+    <tr>
+        <td>Mastodon</td>
+        <td><a rel="me" href="https://mk.absturztau.be/@m_star">https://mk.absturztau.be/@m_star</a></td>
+    </tr>
+    <tr>
+        <td>Discord</td>
+        <td><p>m_star</p></td>
+    </tr>
+    <tr>
+        <td>Pronouns page</td>
+        <td><a href="https://en.pronouns.page/@m_evil">https://en.pronouns.page/@m_evil</a></td>
+    </tr>
+    <tr>
+        <td>Gitlab</td>
+        <td><a href="https://gitlab.com/beckersam">https://gitlab.com/beckersam</a></td>
+    </tr>
+    <tr>
+        <td>Github</td>
+        <td><a href="https://github.com/mstarongithub/">https://github.com/mstarongithub/</a></td>
+    </tr>
+    <tr>
+        <td>Twitch</td>
+        <td><a href="https://twitch.tv/mstarontwitch">https://twitch.tv/mstarontwitch</a></td>
+    </tr>
+</table>
+<p>And a fren: <a href="https://foxgirls.love/web">Erika</a></p>
+<hr>
+<p>Todo: Add proper styling</p>
+</body>
+</html>
\ No newline at end of file

Service	Link/Username
Mastodon	https://mk.absturztau.be/@m_star
Discord	m_star
Pronouns page	https://en.pronouns.page/@m_evil
Gitlab	https://gitlab.com/beckersam
Github	https://github.com/mstarongithub/
Twitch	https://twitch.tv/mstarontwitch