diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..a5295fa
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,4 @@
+FROM caddy
+
+COPY src /usr/share/caddy/
+
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..f172372
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,19 @@
+version: '3.7'
+services:
+  
+  hytalenz:
+    image: jimmy1248/hytalenz
+    labels:
+      caddy_0: hytalenz
+      caddy_0.reverse_proxy: "{{upstreams 80}}"
+      #caddy.tls: "admin@chch.tech"
+      caddy_0.tls: "internal"
+      #caddy_1: hytalenzb
+      #caddy_1.redir: https://hytalenz
+
+    networks:
+      - caddy
+        
+networks: 
+    caddy:
+      name: caddy
diff --git a/src/about.html b/src/about.html
new file mode 100644
index 0000000..52bc508
--- /dev/null
+++ b/src/about.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Jimmy Allen</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
+    <script src="main.js"></script>
+</head>
+    <body>
+        <header>
+            <a id="nav-toggle" onclick="toggle()">&#9776;</a>
+            <nav id="nav" class="hidden">
+                <ul>
+                    <li><a href="index.html">Home</a></li>
+                    <li><a href="about.html">About</a></li>
+                    <li><a href="projects.html">Projects</a></li>
+                    <li><a href="https://git.chch.tech/explore/repos">Git Repo</a></li>
+                    <li><a href="https://chch.tech">Chch Tech</a></li>
+                </ul>
+            </nav>
+        </header>
+    
+    
+        <main>
+         
+        </main>
+      
+    </body>
+</html>
\ No newline at end of file
diff --git a/src/favicon.png b/src/favicon.png
new file mode 100644
index 0000000..e68f9a2
Binary files /dev/null and b/src/favicon.png differ
diff --git a/src/index.html b/src/index.html
new file mode 100644
index 0000000..b17e272
--- /dev/null
+++ b/src/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Jimmy Allen</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />\
+    <link rel="icon" href="favicon.png" type="image/png">
+    <script src="main.js"></script>
+</head>
+    <body>
+        <header>
+            <a id="nav-toggle" onclick="toggle()">&#9776;</a>
+            <nav id="nav" class="hidden">
+                <ul>
+                    <li><a href="index.html">Home</a></li>
+                    <li><a href="about.html">About</a></li>
+                    <li><a href="projects.html">Projects</a></li>
+                    <li><a href="https://git.chch.tech/explore/repos">Git Repo</a></li>
+                    <li><a href="https://chch.tech">Chch Tech</a></li>
+                </ul>
+            </nav>
+        </header>
+    
+    
+        <main>
+            <h1>Jimmy Allen</h1>
+            <h2>Software Devloper & System Admin</h2>
+
+        </main>
+      
+    </body>
+</html>
\ No newline at end of file
diff --git a/src/main.css b/src/main.css
new file mode 100644
index 0000000..d7d1bd2
--- /dev/null
+++ b/src/main.css
@@ -0,0 +1,70 @@
+body {
+    margin: auto;
+    width: 70em;
+    font-family: Arial, Helvetica, sans-serif;
+    background-color: #3c0924;
+}
+
+header {
+    position: fixed;
+    top: 0;
+    width: 70em;
+}
+
+#nav-toggle {
+    display: none;
+}
+
+nav ul {
+    background-color: rgb(41, 41, 41);
+    display: flex;
+    margin: 0;
+}
+
+nav li {
+    padding: 1em;
+    list-style-type: none;
+}
+
+nav a {
+    font-size: 1.5em;
+    color: rgb(206, 205, 192);
+    text-decoration: none;
+}
+
+nav a:hover {
+  color: grey;
+}
+
+
+main {
+   font-size: 1.5em;
+   text-align: center;
+   bottom: 4em;
+}
+
+main h1 {
+    text-align: center;
+    margin-top: 30%;
+    font-size: 6em;
+    color: rgb(206, 205, 192);
+}
+
+main iframe {
+    margin-top: 2em;
+    margin-bottom: 5em;
+    
+}
+
+footer {
+    position: fixed;
+    bottom: 0;
+    width: 70em;
+    background-color: black;
+}
+
+footer p {
+    margin-left: 1em;
+    color: green;
+    text-align: center;
+}
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 0000000..e8fd503
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,4 @@
+function toggle() {
+    var nav = document.getElementById("nav");
+    nav.classList.toggle("hidden");
+}
\ No newline at end of file
diff --git a/src/projects.html b/src/projects.html
new file mode 100644
index 0000000..f9a2e71
--- /dev/null
+++ b/src/projects.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Jimmy Allen</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
+    <link rel="shortcut icon" href="favicon.png" type="image/x-icon">
+    <script src="main.js"></script>
+</head>
+    <body>
+        <header>
+            <a id="nav-toggle" onclick="toggle()">&#9776;</a>
+            <nav id="nav" class="hidden">
+                <ul>
+                    <li><a href="index.html">Home</a></li>
+                    <li><a href="about.html">About</a></li>
+                    <li><a href="projects.html">Projects</a></li>
+                    <li><a href="https://git.chch.tech/explore/repos">Git Repo</a></li>
+                    <li><a href="https://chch.tech">Chch Tech</a></li>
+                </ul>
+            </nav>
+        </header>
+    
+    
+        <main>
+         
+        </main>
+      
+    </body>
+</html>
\ No newline at end of file