diff --git a/index.html b/index.html
new file mode 100644
index 0000000..195796f
--- /dev/null
+++ b/index.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+
+<html lang="en">
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <title>Fred Boniface - Hello</title>
+  </head>
+
+  <body>
+  
+    <div class="navbar" id="navbar">
+      <a class="logo" href="/index.html"><img src="/static-objects/navbar/home.svg" alt="Home" width="26" height="26"></a>
+      <div class="mobile">
+        <a href="/index.html">Home</a>
+      </div>
+      <div class="dropdown">
+        <button class="dropbutton">Identity &#10549;</button>
+        <div class="droplist">
+          <a href="/identity">&#10551; Key Downloads</a>
+          <a href="/identity/about.html">&#10551; About PGP</a>
+        </div>
+      </div>
+      <div class="dropdown">
+        <button class="dropbutton">FDS &#10549;</button>
+        <div class="droplist">
+          <a href="/fds">&#10551; About FDS</a>
+          <a href="/fds/ultrasonic">&#10551; Ultrasonic</a>
+        </div>
+      </div>
+      <a href="/projects">Projects</a>
+      <a href="/about.html">About</a>
+      <i>Fred Boniface</i>
+      <a href="javascript:void(0);" class="icon" onclick="hamburger()">&#9776;</a>
+    </div>
+
+    <h1 class="page-title">Hello</h1>
+      <div class="page-main-content">
+        <p>
+          Hi, I am Fred Boniface - a <?php echo getAge(1993,11); ?> year old Rail 
+          Professional with many interests outside of work and while I do have 
+          many opinions about the state of the rail industry at present, this 
+          website aims to be about my personal life and interests, rather than my 
+          work.
+        </p>
+
+        <p>
+          I am married to Jade and we have two children, Lucy & Ava-Rose - both
+          in school.  I will get around to adding some images to this page - I
+          promise.
+        </p>
+
+        <p>
+          To keep this homepage simple and easy to digest, I won't waffle on
+          about too much here, but there is more to read about each topic on
+          the relevant page.
+        </p>
+      </div>
+
+    <footer>© Frederick Boniface 2022</footer>
+
+  </body>
+</html>
\ No newline at end of file
diff --git a/index.php b/index.php
deleted file mode 100644
index b511b95..0000000
--- a/index.php
+++ /dev/null
@@ -1,43 +0,0 @@
-<!DOCTYPE html>
-
-<?php
-  include "./php/age.php";
-  include "./page-blocks/head-content.php";
-  include "./page-blocks/footer.php";
-?>
-
-<html>
-  <head>
-    <?php insert_head(); ?>
-    <title>Fred Boniface - Hello</title>
-  </head>
-
-  <body>
-
-    <h1 class="page-title">Hello</h1>
-      <div class="page-main-content">
-        <p>
-          Hi, I am Fred Boniface - a <?php echo getAge(1993,11); ?> year old Rail 
-          Professional with many interests outside of work and while I do have 
-          many opinions about the state of the rail industry at present, this 
-          website aims to be about my personal life and interests, rather than my 
-          work.
-        </p>
-
-        <p>
-          I am married to Jade and we have two children, Lucy & Ava-Rose - both
-          in school.  I will get around to adding some images to this page - I
-          promise.
-        </p>
-
-        <p>
-          To keep this homepage simple and easy to digest, I won't waffle on
-          about too much here, but there is more to read about each topic on
-          the relevant page.
-        </p>
-      </div>
-
-    <?php insert_footer(); ?>
-
-  </body>
-</html>
\ No newline at end of file
diff --git a/page-blocks/footer.php b/page-blocks/footer.php
index dad1f5f..e69de29 100644
--- a/page-blocks/footer.php
+++ b/page-blocks/footer.php
@@ -1,4 +0,0 @@
-<?php
-function insert_footer() {
-  echo "<footer>© Frederick Boniface 2022</footer>";
-}
\ No newline at end of file
diff --git a/page-blocks/head-content.php b/page-blocks/head-content.php
index 19b0d94..e69de29 100644
--- a/page-blocks/head-content.php
+++ b/page-blocks/head-content.php
@@ -1,6 +0,0 @@
-<?php
-function insert_head() {
-  echo '<meta http-equiv="content-type" content="text/html; charset=UTF-8">';
-  echo '<meta name="viewport" content="width=device-width, initial-scale=1">';
-  echo '<link rel="stylesheet" type="text/css" href="./css/styles.css">';
-}
diff --git a/page-blocks/menu.php b/page-blocks/menu.php
index b3d9bbc..f2fd640 100644
--- a/page-blocks/menu.php
+++ b/page-blocks/menu.php
@@ -1 +1,24 @@
-<?php
+<div class="navbar" id="navbar">
+<a class="logo" href="/index.html"><img src="/static-objects/navbar/home.svg" alt="Home" width="26" height="26"></a>
+<div class="mobile">
+  <a href="/index.html">Home</a>
+</div>
+<div class="dropdown">
+  <button class="dropbutton">Identity &#10549;</button>
+  <div class="droplist">
+    <a href="/identity">&#10551; Key Downloads</a>
+    <a href="/identity/about.html">&#10551; About PGP</a>
+  </div>
+</div>
+<div class="dropdown">
+  <button class="dropbutton">FDS &#10549;</button>
+  <div class="droplist">
+    <a href="/fds">&#10551; About FDS</a>
+    <a href="/fds/ultrasonic">&#10551; Ultrasonic</a>
+  </div>
+</div>
+<a href="/projects">Projects</a>
+<a href="/about.html">About</a>
+<i>Fred Boniface</i>
+<a href="javascript:void(0);" class="icon" onclick="hamburger()">&#9776;</a>
+</div>
\ No newline at end of file
