diff --git a/index.html b/components/head.php
similarity index 81%
rename from index.html
rename to components/head.php
index 893cee8..78e4b52 100644
--- a/index.html
+++ b/components/head.php
@@ -1,6 +1,3 @@
-<!DOCTYPE html>
-<html lang="en">
-
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -11,15 +8,8 @@
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
-    <script src="./js/app.js"></script>
-    <link rel="stylesheet" href="./res/css/style.css">
+    <script src="../js/app.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.0/font/bootstrap-icons.css">
+    <link rel="stylesheet" href="../res/css/style.css">
     <title>MarmeladenLaden</title>
-</head>
-
-<body>
-
-    <h1>Test</h1>
-
-</body>
-
-</html>
\ No newline at end of file
+</head>
\ No newline at end of file
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..f306c6d
--- /dev/null
+++ b/index.php
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+
+
+<?php include($_SERVER['DOCUMENT_ROOT'] . '/components/head.php') ?>
+
+<body>
+    <h1>Test</h1>
+</body>
+
+</html>
\ No newline at end of file
