diff --git a/.vs/ProjectSettings.json b/.vs/ProjectSettings.json
new file mode 100644
index 0000000..f8b4888
--- /dev/null
+++ b/.vs/ProjectSettings.json
@@ -0,0 +1,3 @@
+{
+  "CurrentProjectSetting": null
+}
\ No newline at end of file
diff --git a/.vs/ccashfrontend/v16/.suo b/.vs/ccashfrontend/v16/.suo
new file mode 100644
index 0000000..9d710df
Binary files /dev/null and b/.vs/ccashfrontend/v16/.suo differ
diff --git a/.vs/slnx.sqlite b/.vs/slnx.sqlite
new file mode 100644
index 0000000..f81ab86
Binary files /dev/null and b/.vs/slnx.sqlite differ
diff --git a/sovindex.html b/sovindex.html
new file mode 100644
index 0000000..f37707d
--- /dev/null
+++ b/sovindex.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+    <link rel="stylesheet" href="sovstylesheet.css">
+</head>
+<body>
+    <div class="navbar">
+        <a href="sovindex.html">
+            <img class="navelement " id="icon" src="https://cdn.discordapp.com/attachments/846806487426007080/858316372751810590/CCashLogo2.png" alt="e">
+        </a>
+        <div class="navelement-button">Home</div>
+        <div class="navelement-button">About</div>
+        <div class="navelement-status">Server Status: Online</div>
+        <div class="navelement-button">Login</div>
+        <div class="navelement-button">Register</div>
+    </div>
+    <div class="bodytext">
+        <h1>Welcome to CCash!</h1>
+        <text>A webserver hosting a bank system for Minecraft, accessible both here and through ComputerCraft.</text>
+        <h2>Why CCash?</h2>
+        <text><ul>
+           <li>example</li>
+        </ul></text>
+        <h3>Section Title</h3>
+        <h4>Section Subtitle</h4>
+    </div>
+</body>
+</html>
+<script>
+
+</script>
\ No newline at end of file
diff --git a/sovstylesheet.css b/sovstylesheet.css
new file mode 100644
index 0000000..0b8ce1a
--- /dev/null
+++ b/sovstylesheet.css
@@ -0,0 +1,104 @@
+
+:root {
+    --colourOne: #30292F;
+    --colourTwo: #413F54;
+    --colourThree: #3F3A82;
+    --colourFour: #5576B1;
+    --colourFive: #3F4045;
+    --backgroundColour: #8F7AC2;
+}
+
+body {
+    margin: 0;
+    padding: 0;
+    font-family: "Segoe UI";
+    color: #FFFFFF;
+    background-color: var(--backgroundColour);
+}
+
+.navbar {
+    position: sticky;
+    width: 100vw;
+    height: 5vh;
+    background-color: var(--colourThree);
+    padding: 1em;
+}
+
+.navelement {
+    position: relative;
+}
+
+.navelement#icon {
+    height: 300%;
+    background-color: var(--colourTwo);
+    border-radius: 50%;
+    border: var(--colourFive) solid;
+    margin-right: 5em;
+}
+
+.navelement-button {
+    margin-right: 1.5em;
+    padding: 0.1em;
+    top: -3.45em;
+    display: inline-block;
+    position: relative;
+    font-size: 2em;
+    background-color: transparent;
+    padding-bottom: 0.25em;
+    border-radius: 0.4em;
+    border: transparent solid inset;
+    transition: 0.1s ease-in-out;
+}
+
+.navelement-button:hover {
+    cursor: pointer;
+    background-color: var(--colourFour);
+}
+
+.navelement-status {
+    width: 30vw;
+    text-align: center;
+    margin-left: 5em;
+    margin-right: 7em;
+    padding: 0.1em;
+    top: -3.45em;
+    display: inline-block;
+    position: relative;
+    font-size: 2em;
+    background-color: #227722;
+    padding-bottom: 0.3em;
+    border-radius: 0.4em;
+    border: transparent solid inset;
+    transition: 0.1s ease-in-out;
+}
+
+.bodytext {
+    margin-top: 10vh;
+    margin-bottom: 10vh;
+    margin-left: 15vw;
+    margin-right: 15vw;
+}
+
+h1 {
+    font-size: 3em;
+}
+
+h2 {
+    margin-left: 1vw;
+    font-size: 2em;
+}
+
+h3 {
+    margin-left: 2vw;
+    font-size: 1.5em;
+}
+
+h4 {
+    margin-left: 3vw;
+    font-size: 1.2em;
+}
+
+text {
+    margin-left: 2vw;
+    font-size: 1.3em;
+}
\ No newline at end of file
