diff --git a/E-Cafe Website/Images/Background.jpg b/E-Cafe Website/Images/Background.jpg
deleted file mode 100644
index 7018938..0000000
Binary files a/E-Cafe Website/Images/Background.jpg and /dev/null differ
diff --git a/E-Cafe Website/Images/Duck.png b/E-Cafe Website/Images/Duck.png
new file mode 100644
index 0000000..2ada208
Binary files /dev/null and b/E-Cafe Website/Images/Duck.png differ
diff --git a/E-Cafe Website/Images/TopBarDay.png b/E-Cafe Website/Images/TopBarDay.png
new file mode 100644
index 0000000..f204e5a
Binary files /dev/null and b/E-Cafe Website/Images/TopBarDay.png differ
diff --git a/E-Cafe Website/Images/TopBarNight.png b/E-Cafe Website/Images/TopBarNight.png
new file mode 100644
index 0000000..abab118
Binary files /dev/null and b/E-Cafe Website/Images/TopBarNight.png differ
diff --git a/E-Cafe Website/about.html b/E-Cafe Website/about.html
new file mode 100644
index 0000000..e66d859
--- /dev/null
+++ b/E-Cafe Website/about.html	
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>About - E-Cafe</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <header>
+        <nav>
+            <ul>
+                <li><a href="index.html">Home</a></li>
+                <li><a href="games.html">Games</a></li>
+                <li class="logo"><a href="index.html"></a></li>
+                <li>Links</li>
+                <li><a href="about.html">About</a></li>
+            </ul>
+        </nav>
+    </header>
+    <h1 class="title">
+        About
+    </h1>
+    <section class="description">
+        <h1>Made by</h1>
+        <figure class="features">
+            <img src="Images/Duck.png" alt="Profile picture of Ebsku">
+            <figcaption>Ebsku</figcaption>
+        </figure>
+    </section>
+    <!-- 
+    <iframe
+        class="discord"
+        src="https://discord.com/widget?id=1003699887239610480&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts">
+    </iframe>
+
+     -->
+</body>
+</html>
\ No newline at end of file
diff --git a/E-Cafe Website/index.html b/E-Cafe Website/index.html
index 28275bc..45a8807 100644
--- a/E-Cafe Website/index.html	
+++ b/E-Cafe Website/index.html	
@@ -10,6 +10,9 @@
             <ul>
                 <li><a href="index.html">Home</a></li>
                 <li><a href="games.html">Games</a></li>
+                <li class="logo"><a href="index.html"></a></li>
+                <li>Links</li>
+                <li><a href="about.html">About</a></li>
             </ul>
         </nav>
     </header>
@@ -20,9 +23,7 @@
         <p><strong>Welcome to E-Cafe!</strong><br>
         We're a small community with a Discord server, a Minecraft server</p>
     </section>
-    <iframe
-        class="discord"
-        src="https://discord.com/widget?id=1003699887239610480&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts">
-    </iframe>
+        <a href="https://discord.gg/UwcQBWF6vF" target="_blank" rel="noopener noreferrer">Discord</a>
+    </footer>
 </body>
 </html>
\ No newline at end of file
diff --git a/E-Cafe Website/styles.css b/E-Cafe Website/styles.css
index 82f2524..d46937a 100644
--- a/E-Cafe Website/styles.css	
+++ b/E-Cafe Website/styles.css	
@@ -20,12 +20,23 @@ body {
 }
 header {
     background-color: rgb(42, 42, 42);
+    background-image: url("Images/TopBarNight.png");
+    background-repeat: no-repeat;
+    background-size: 100%;
+    background-position: center;
+    padding: 2%;
+    text-align: center;
+}
+
+header .logo a{
+    margin: 1%;
     background-image: url("Images/E-CafeIcon.png");
     background-repeat: no-repeat;
-    background-size: 5%;
-    background-position: center;
+    display: inline-block;
     position: relative;
-    padding: 2%;
+    background-size: 100%;
+    height: 200px;
+    width: 200px;
 }
 
 ul {
@@ -36,7 +47,7 @@ ul {
 
 li {
     display: inline-block;
-    margin: 0 1% 0 0;
+    margin: 0 7% 0 0;
     font-size: 40px;
 }
 
@@ -45,8 +56,8 @@ button {
     color: white;
     transform: scale(3, 3);
     width: 80px;
-    margin: 7%;
-    text-align: center;
+    margin: 5%;
+    position: absolute;
 }
 
 a {
@@ -63,4 +74,29 @@ iframe.discord {
     display: flex;
     justify-content: left;
     margin-bottom: 0%;
+}
+
+.features img {
+    border: 1px solid white;
+    border-radius: 50%;
+    box-shadow: gray 0 0 20px;
+}
+
+.features {
+    color: white;
+    padding: 2%;
+    display: flex;
+    flex-direction: row;
+    text-align: center;
+}
+
+.center {
+    text-align: center;
+}
+
+footer {
+    background-color: rgb(42, 42, 42);
+    text-align: center;
+    padding: 20px 20px;
+    color: gray;
 }
\ No newline at end of file
