diff --git a/public/about.html b/public/about.html
new file mode 100644
index 0000000..1dc4ea0
--- /dev/null
+++ b/public/about.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<header>
+  <link rel="stylesheet" href="main.css">
+  <link rel="stylesheet" href="https://www.nerdfonts.com/assets/css/webfont.css">
+</header>
+
+<body>
+  <div class="titlebar">
+    <h1>Aaron G.C. Personal Website</h1>
+  </div>
+
+  <div class="content">
+    <div class="navbar">
+      <ul>
+        <li><a href="index.html">Home</a></li>
+        <li><a href="projects.html">Projects</a></li>
+        <li><a href="about.html">About & Contact &lt;</a></li>
+      </ul>
+    </div>
+
+    <div class="page">
+      <p>Site currently under construction.</p>
+    </div>
+  </div>
+
+  <div class="footer">
+    <p>Hand written by Aaron Cook <a href="https://gitlab.com/CookenMonster/aarongc.com"><i
+          class="nf nf-dev-gitlab"></i></a></p>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index 3d2cf6a..5dae69d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,6 +1,31 @@
 <!DOCTYPE html>
 <html>
+<header>
+    <link rel="stylesheet" href="main.css">
+    <link rel="stylesheet" href="https://www.nerdfonts.com/assets/css/webfont.css">
+</header>
+
 <body>
-    Wuttup.
+  <div class="titlebar">
+    <h1>Aaron G.C. Personal Website</h1>
+  </div>
+
+  <div class="content">
+    <div class="navbar">
+      <ul>
+        <li><a href="index.html">Home &lt;</a></li>
+        <li><a href="projects.html">Projects</a></li>
+        <li><a href="about.html">About & Contact</a></li>
+      </ul>
+    </div>
+
+    <div class="page">
+      <p>Site currently under construction.</p>
+    </div>
+  </div>
+
+  <div class="footer">
+    <p>Hand written by Aaron Cook <a href="https://gitlab.com/CookenMonster/aarongc.com"><i class="nf nf-dev-gitlab"></i></a></p>
+  </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/public/main.css b/public/main.css
new file mode 100644
index 0000000..08af681
--- /dev/null
+++ b/public/main.css
@@ -0,0 +1,98 @@
+/**** Global ****/
+:root {
+    /* Gruvbox colors https://github.com/morhetz/gruvbox */
+    --background: #282828;
+    --foreground: #ebdbb2;
+    --gray: #928374;
+    --gray-light: #a89984;
+    --red: #cc241d;
+    --red-light: #fb4934;
+    --green: #98921a;
+    --green-light: #b8bb26;
+    --yellow: #d79921;
+    --yellow-light: #fabd2f;
+    --blue: #458588;
+    --blue-light: #83a598;
+    --purple: #b16286;
+    --purple-light: #d3869b;
+    --aqua: #679d6a;
+    --aqua-light: #8ec07c;
+    --orange: #d65d0e;
+    --orange-light: fe8019;
+}
+
+body {
+    background-color: var(--background);
+    color: var(--foreground);
+    font-family: monospace;
+}
+
+a:link {
+    color: var(--green);
+}
+
+a:visited {
+    color: var(--aqua);
+}
+
+.content {
+    display: flex;
+}
+
+
+
+/**** Title Bar ****/
+.titlebar {
+    border-bottom: var(--foreground) solid 1px;
+}
+
+
+
+/**** Navbar ****/
+.navbar {
+    padding-right: 1rem;
+    border-right: var(--foreground) solid 1px;
+    width: 10rem;
+}
+
+.navbar ul {
+    padding-left: 0.5rem;
+    list-style-type: none;
+}
+
+.navbar li {
+    padding: 0.125rem;
+}
+
+.navbar li:hover {
+    background-color: var(--gray);
+}
+
+.navbar a {
+    text-decoration: none;
+    color: var(--foreground);
+    display: block;
+    width: 100%;
+}
+
+.navbar-selected {
+    color: var(--green);
+}
+
+
+/**** Page ****/
+.page {
+    padding-left: 1rem;
+}
+
+
+
+/**** Footer *****/
+.footer {
+    text-align: center;
+}
+
+.footer a {
+    text-decoration: none;
+    color: var(--orange);
+}
diff --git a/public/projects.html b/public/projects.html
new file mode 100644
index 0000000..d962031
--- /dev/null
+++ b/public/projects.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<header>
+  <link rel="stylesheet" href="main.css">
+  <link rel="stylesheet" href="https://www.nerdfonts.com/assets/css/webfont.css">
+</header>
+
+<body>
+  <div class="titlebar">
+    <h1>Aaron G.C. Personal Website</h1>
+  </div>
+
+  <div class="content">
+    <div class="navbar">
+      <ul>
+        <li><a href="index.html">Home</a></li>
+        <li><a href="projects.html">Projects &lt;</a></li>
+        <li><a href="about.html">About & Contact</a></li>
+      </ul>
+    </div>
+
+    <div class="page">
+      <h2>Projects</h2>
+      <p>Below is a list of my publicly available personal projects.</p>
+
+      <br>
+
+      <h3>Bytenuts</h3>
+      <p>
+        Terminal application for communicating with serial devices. Written in C
+        with ncurses.
+      </p>
+      <p><a href="https://gitlab.com/CookenMonster/bytenuts">GitLab Link</a></p>
+
+      <br>
+
+      <h3>OpenRCore</h3>
+      <p>TBA</p>
+
+      <br>
+
+      <h3>Empack</h3>
+      <p>MessagePack library written in C designed to be easily embeddable.</p>
+      <p><a href="https://gitlab.com/CookenMonster/empack">GitLab Link</a></p>
+    </div>
+  </div>
+
+  <div class="footer">
+    <p>Hand written by Aaron Cook <a href="https://gitlab.com/CookenMonster/aarongc.com"><i
+          class="nf nf-dev-gitlab"></i></a></p>
+  </div>
+</body>
+
+</html>
\ No newline at end of file