diff --git a/css/everforest.css b/css/everforest.css
new file mode 100644
index 0000000..748bd45
--- /dev/null
+++ b/css/everforest.css
@@ -0,0 +1,407 @@
+/* css/everest.css - stylesheet for everest-web */
+/*
+ Copyright (C) 2023 Everest Linux.
+ Permission is granted to copy, distribute and/or modify this document
+ under the terms of the GNU Free Documentation License, Version 1.3
+ or any later version published by the Free Software Foundation;
+ with no Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts.
+ A copy of the license is included in the section entitled "GNU
+ Free Documentation License".
+*/
+
+/* Sidebar menu */
+.sidenav {
+ height: 100%;
+ width: 200px;
+ position: fixed;
+ z-index: 1;
+ top: 0;
+ left: 0;
+ background-color: #2e383c;
+ overflow-x: hidden;
+ padding-top: 20px;
+}
+
+/* Menu links */
+.sidenav a {
+ padding: 6px 8px 6px 16px;
+ text-decoration: none;
+ font-size: 20px;
+ color: #d3c6aa;
+ display: block;
+}
+
+.sidenav a:hover {
+ color: #e67e80;
+}
+
+html {
+ background-color: #272e33;
+ color: #d3c6aa;
+}
+
+.main {
+ margin-left: 200px;
+ padding: 0px 10px;
+ background-color: #272e33;
+}
+
+.file {
+ font-family: monospace;
+ background-color: #2E3440;
+ border-left-style: solid;
+ border-left-color: #A3BE8C;
+ border-width: 4px;
+ border-radius: 2px;
+ padding: 4px;
+ width: 50%;
+ color: #ECEFF4;
+}
+
+.kernel {
+ font-family: monospace;
+ background-color: #2E3440;
+ border-left-style: solid;
+ border-left-color: #B48EAD;
+ border-width: 4px;
+ border-radius: 2px;
+ padding: 4px;
+ width: 50%;
+ color: #ECEFF4;
+}
+
+.note {
+ background-color: #88C0D0;
+ border-left-style: solid;
+ border-left-color: #88C0D0;
+ border-width: 4px;
+ border-radius: 2px;
+ padding: 4px;
+ width: 50%;
+ color: #2E3440;
+}
+
+.caution {
+ background-color: #EBCB8B;
+ border-left-style: solid;
+ border-left-color: #EBCB8B;
+ border-width: 4px;
+ border-radius: 2px;
+ padding: 4px;
+ width: 50%;
+ color: #2E3440;
+}
+
+.warning {
+ background-color: #BF616A;
+ border-left-style: solid;
+ border-left-color: #BF616A;
+ border-width: 4px;
+ border-radius: 2px;
+ padding: 4px;
+ width: 50%;
+ color: #D8DEE9;
+}
+
+.news {
+ background-color: #2E3440;
+ border-left-style: solid;
+ border-left-color: #88C0D0;
+ border-width: 4px;
+ border-radius: 2px;
+ padding: 4px;
+ width: 50%;
+ color: #ECEFF4;
+}
+
+table, td {
+ border: 2px solid;
+ border-color: #ECEFF4;
+ border-collapse: collapse;
+ padding: 4px;
+ background-color: #2E3440;
+}
+
+th {
+ border: 2px solid;
+ background-color: #88C0D0;
+ color: #2E3440;
+ border-color: #ECEFF4;
+}
+
+notehead {
+ background-color: #88C0D0;
+ border-left-style: solid;
+ border-left-color: #88C0D0;
+ border-width: 4px;
+ border-radius: 2px;
+ padding: 6px;
+ width: 50%;
+ color: #2E3440;
+}
+
+fhead {
+ background-color: #2E3440;
+ border-left-style: solid;
+ border-left-color: #A3BE8C;
+ border-width: 4px;
+ border-radius: 2px;
+ padding: 6px;
+ width: 50%;
+ color: #A3BE8C;
+}
+
+khead {
+ background-color: #2E3440;
+ border-left-style: solid;
+ border-left-color: #B48EAD;
+ border-width: 4px;
+ border-radius: 2px;
+ padding: 6px;
+ width: 50%;
+ color: #B48EAD;
+}
+
+cautionhead {
+ background-color: #EBCB8B;
+ border-left-style: solid;
+ border-left-color: #EBCB8B;
+ border-width: 4px;
+ border-radius: 2px;
+ padding: 6px;
+ width: 50%;
+ color: #2E3440;
+}
+
+warnhead {
+ background-color: #BF616A;
+ border-left-style: solid;
+ border-left-color: #BF616A;
+ border-width: 4px;
+ border-radius: 2px;
+ padding: 6px;
+ width: 50%;
+ color: #D8DEE9;
+}
+
+newshead {
+ background-color: #2E3440;
+ border-left-style: solid;
+ border-left-color: #88C0D0;
+ border-width: 4px;
+ border-radius: 2px;
+ padding: 4px;
+ width: 50%;
+ color: #88C0D0;
+}
+
+wikihead {
+ border-left-style: solid;
+ border-left-color: #D08770;
+ border-width: 4px;
+ border-radius: 2px;
+ padding: 6px;
+ color: #D08770;
+}
+
+bigcodehead {
+ background-color: #2E3440;
+ border-left-style: solid;
+ border-left-color: #ECEFF4;
+ border-width: 4px;
+ border-radius: 2px;
+ padding: 4px;
+ width: 50%;
+ color: #ECEFF4;
+}
+
+@media screen and (max-height: 450px) {
+ .sidenav {padding-top: 15px;}
+ .sidenav a{font-size: 18px;}
+}
+
+body {
+ font-family: sans-serif;
+ background-color: #272e33;
+ color: #d3c6aa;
+}
+
+code {
+ font-family: monospace;
+ background-color: #2E3440;
+ border-left-style: solid;
+ border-left-width: 4px;
+ border-radius: 2px;
+ padding: 2px;
+ color: #ECEFF4;
+}
+
+.bigcode {
+ font-family: monospace;
+ background-color: #2E3440;
+ border-left-style: solid;
+ border-left-width: 4px;
+ border-radius: 2px;
+ padding: 6px;
+ border-color: #ECEFF4;
+ width: 50%;
+}
+
+cil {
+ font-family: monospace;
+ background-color: #2E3440;
+ padding: 2px;
+}
+
+cil-inv {
+ font-family: monospace;
+ background-color: #2E3440;
+ color: #ECEFF4;
+ padding: 2px;
+}
+
+wiki {
+ border-left-style: solid;
+ border-left-width: 4px;
+ border-radius: 2px;
+ padding: 6px;
+ border-color: #D08770;
+}
+
+/* file {
+ border-style: solid;
+ border-width: 4px;
+ border-radius: 2px;
+ padding: 2px;
+ border-color: black;
+} */
+
+h2 {
+ border-left-style: solid;
+ border-color: #e67e80;
+ padding-left: 4px;
+ border-left-width: 6px;
+ border-radius: 5px;
+ color: #d3c6aa;
+}
+
+button {
+ font-size: 24px;
+ border-style: none;
+ border-left-style: solid;
+ border-width: 8px;
+ padding: 12px 28px;
+ border-color: #88C0D0;
+ border-radius: 5px;
+ background-color: #434C5E;
+ color: #ECEFF4;
+}
+
+button:hover {
+ background-color: #4C566A;
+}
+
+hr.dotted {
+ border-top: 3px dotted #bbb;
+}
+
+/* p {
+ color: #e6e6e6;
+} */
+
+/* strong {
+ color: #4a86e8ff;
+} */
+
+/* i {
+ color: #e6e6e6;
+} */
+
+footer {
+ text-align: center;
+ font-size: 10px;
+ padding: 20px;
+}
+
+#myInput {
+ width: 378px;
+ font-size: 16px;
+ padding: 10px;
+ border: 2px solid #88C0D0;
+ border-radius: 2px;
+ margin-bottom: 12px;
+ background-color: #434C5E;
+ color: #ECEFF4;
+}
+
+#myUL {
+ width: 400px;
+ list-style-type: none;
+ padding: 0;
+ margin: 0;
+}
+
+#myUL li a {
+ border-left-width: 2px;
+ border-left-style: solid;
+ border-left-color: #88C0D0;
+ margin-top: -1px;
+ background-color: #434C5E;
+ padding: 12px;
+ text-decoration: none;
+ font-size: 18px;
+ color: #ECEFF4;
+ display: block;
+}
+
+#myUL li a:hover:not(.header) {
+ background-color: #4C566A;
+}
+
+img {
+ padding: 8px;
+}
+
+/* */
+
+body, html {
+ height: 100%;
+}
+
+/* The hero image */
+.hero-image {
+ background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/banner.jpg");
+
+ height: 55%;
+
+ background-position: 50% 30%;
+ background-repeat: no-repeat;
+ background-size: cover;
+ position: relative;
+ padding-top: 0px;
+ padding-right: 0px;
+ margin-right: -8px;
+ margin-top: -8px;
+}
+
+.hero-text {
+ text-align: center;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ color: white;
+}
+
+hr {
+ color: #88c0d0;
+ width: 50%;
+ border-width: 4px;
+ border-radius: 5px;
+ margin-left: 0;
+}
+
+.tab {
+ display: inline-block;
+ margin-left: 80px;
+}
diff --git a/img/banner.jpg b/img/banner.jpg
new file mode 100644
index 0000000..1a81eb3
Binary files /dev/null and b/img/banner.jpg differ
diff --git a/index.html b/index.html
index e69de29..c084fa7 100644
--- a/index.html
+++ b/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+ Liam Waldron - Home
+
+
+
+
+
+
+
+
+