diff --git a/template.html b/template.html
deleted file mode 100644
index 5a469a9..0000000
--- a/template.html
+++ /dev/null
@@ -1,154 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" style="scroll-behavior: smooth">
-  <head>
-    <!-- Required meta tags -->
-    <meta charset="utf-8" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, shrink-to-fit=no"
-    />
-    <link rel="stylesheet" href="./darkmode.css" />
-    <link rel="stylesheet" href="./style.css" />
-    <!-- Bootstrap CSS -->
-    <link
-      rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
-      integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
-      crossorigin="anonymous"
-    />
-
-    <title>Home | Pfosten Dynamics</title>
-    <link rel="icon" href="./img/favicon.png" />
-  </head>
-
-  <body onload="load()" class="couldDark">
-    <!--Begin Navbar-->
-    <nav
-      class="navbar navbar-expand-lg navbar-light bg-light couldDark"
-      id="navbar"
-    >
-      <div class="container">
-        <a class="navbar-brand" href="./"
-          ><img
-            src="./img/PfostenDynamics.png"
-            style="max-height: 60px"
-            class="d-inline-block align-top"
-            alt=""
-            loading="lazy"
-            id="pfostendynamics"
-        /></a>
-        <button
-          class="navbar-toggler"
-          type="button"
-          data-toggle="collapse"
-          data-target="#navbarNavDropdown"
-          aria-controls="navbarNavDropdown"
-          aria-expanded="false"
-          aria-label="Toggle navigation"
-        >
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div
-          class="collapse navbar-collapse justify-content-end"
-          id="navbarNavDropdown"
-        >
-          <ul class="navbar-nav">
-            <li class="nav-item home canactive">
-              <a class="nav-link" href="./"
-                >Home <span class="sr-only">(current)</span></a
-              >
-            </li>
-            <li
-              class="nav-item dropdown vehicles bobbycar bobbyquad bobbybob bobbyklo bobbyboot bobbyhubschrauber raupenfahrzeug canactive"
-            >
-              <a
-                class="nav-link dropdown-toggle"
-                href="#"
-                id="navbarDropdownMenuLink"
-                role="button"
-                data-toggle="dropdown"
-                aria-haspopup="true"
-                aria-expanded="false"
-              >
-                Vehicles
-              </a>
-              <div
-                class="dropdown-menu"
-                aria-labelledby="navbarDropdownMenuLink"
-              >
-                <a class="dropdown-item" href="./bobbycar">Bobbycar</a>
-                <a class="dropdown-item" href="./bobbyquad">Bobbyquad</a>
-                <a class="dropdown-item" href="./bobbybob">Bobbybob</a>
-                <a class="dropdown-item" href="./bobbyklo">Bobbyklo</a>
-                <a class="dropdown-item" href="./bobbyboot">Bobbyboot</a>
-                <a class="dropdown-item" href="./bobbyhubschrauber"
-                  >Bobbyhubschrauber</a
-                >
-                <a class="dropdown-item" href="./raupenfahrzeug"
-                  >Raupenfahrzeug</a
-                >
-              </div>
-            </li>
-            <li class="nav-item careers canactive">
-              <a class="nav-link" href="./careers">Careers</a>
-            </li>
-            <li class="nav-item news canactive">
-              <a class="nav-link" href="./news">News</a>
-            </li>
-            <li class="nav-item about canactive">
-              <a class="nav-link" href="./about">About</a>
-            </li>
-            <li class="nav-item shop canactive">
-              <a class="nav-link" href="./shop">Shop</a>
-            </li>
-            <li class="nav-item impressum canactive">
-              <a class="nav-link" href="./impressum">Impressum</a>
-            </li>
-          </ul>
-          <a class="nav-link" href="#" onclick="darkMode()"
-            ><img
-              id="darkModeImg"
-              class="img-fluid"
-              data-toggle="tooltip"
-              data-placement="top"
-              title="Toggle darkmode"
-              src=""
-          /></a>
-        </div>
-      </div>
-      <script src="./js/navbar.js"></script>
-    </nav>
-    <!--End Navbar-->
-
-    <br />
-    <br />
-    <br />
-    <div class="container-fluid">Site</div>
-    <!-- Optional JavaScript; choose one of the two! -->
-
-    <!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
-    <script
-      src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
-      integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
-      crossorigin="anonymous"
-    ></script>
-    <script
-      src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
-      integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
-      crossorigin="anonymous"
-    ></script>
-
-    <!-- Option 2: jQuery, Popper.js, and Bootstrap JS
-        <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
-        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
-        <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
-        -->
-    <script src="./js/main.js"></script>
-
-    <script>
-      $(function () {
-        $('[data-toggle="tooltip"]').tooltip();
-      });
-    </script>
-  </body>
-</html>
diff --git a/template.php b/template.php
new file mode 100644
index 0000000..04fa166
--- /dev/null
+++ b/template.php
@@ -0,0 +1,13 @@
+<?php
+
+define('PAGE_TITLE', 'About');
+define('ACTIVE_MENUITEM', 'about');
+
+require('includes/header.php');
+?>
+
+<br />
+<br />
+<br />
+<div class="container-fluid">Site</div>
+<?php require('includes/footer.php'); ?>
\ No newline at end of file
