diff --git a/Elatteria-Website/Images/Background2.png b/src/Images/Background2.png
similarity index 100%
rename from Elatteria-Website/Images/Background2.png
rename to src/Images/Background2.png
diff --git a/Elatteria-Website/Images/Duck.png b/src/Images/Duck.png
similarity index 100%
rename from Elatteria-Website/Images/Duck.png
rename to src/Images/Duck.png
diff --git a/Elatteria-Website/Images/E-Cafe.png b/src/Images/E-Cafe.png
similarity index 100%
rename from Elatteria-Website/Images/E-Cafe.png
rename to src/Images/E-Cafe.png
diff --git a/Elatteria-Website/Images/E-CafeIcon.png b/src/Images/E-CafeIcon.png
similarity index 100%
rename from Elatteria-Website/Images/E-CafeIcon.png
rename to src/Images/E-CafeIcon.png
diff --git a/Elatteria-Website/Images/Flagle.png b/src/Images/Flagle.png
similarity index 100%
rename from Elatteria-Website/Images/Flagle.png
rename to src/Images/Flagle.png
diff --git a/Elatteria-Website/Images/Screenshots/MinecraftBedwarsLobby.png b/src/Images/Screenshots/MinecraftBedwarsLobby.png
similarity index 100%
rename from Elatteria-Website/Images/Screenshots/MinecraftBedwarsLobby.png
rename to src/Images/Screenshots/MinecraftBedwarsLobby.png
diff --git a/Elatteria-Website/Images/Screenshots/addserver.png b/src/Images/Screenshots/addserver.png
similarity index 100%
rename from Elatteria-Website/Images/Screenshots/addserver.png
rename to src/Images/Screenshots/addserver.png
diff --git a/Elatteria-Website/Images/Screenshots/ip.png b/src/Images/Screenshots/ip.png
similarity index 100%
rename from Elatteria-Website/Images/Screenshots/ip.png
rename to src/Images/Screenshots/ip.png
diff --git a/Elatteria-Website/Images/Screenshots/serveradded.png b/src/Images/Screenshots/serveradded.png
similarity index 100%
rename from Elatteria-Website/Images/Screenshots/serveradded.png
rename to src/Images/Screenshots/serveradded.png
diff --git a/Elatteria-Website/Images/TopBarDay.png b/src/Images/TopBarDay.png
similarity index 100%
rename from Elatteria-Website/Images/TopBarDay.png
rename to src/Images/TopBarDay.png
diff --git a/Elatteria-Website/Images/TopBarNight.png b/src/Images/TopBarNight.png
similarity index 100%
rename from Elatteria-Website/Images/TopBarNight.png
rename to src/Images/TopBarNight.png
diff --git a/Elatteria-Website/Images/backgroundVertical.png b/src/Images/backgroundVertical.png
similarity index 100%
rename from Elatteria-Website/Images/backgroundVertical.png
rename to src/Images/backgroundVertical.png
diff --git a/Elatteria-Website/Images/backround.png b/src/Images/backround.png
similarity index 100%
rename from Elatteria-Website/Images/backround.png
rename to src/Images/backround.png
diff --git a/Elatteria-Website/Images/backroundMobile.png b/src/Images/backroundMobile.png
similarity index 100%
rename from Elatteria-Website/Images/backroundMobile.png
rename to src/Images/backroundMobile.png
diff --git a/Elatteria-Website/Images/discord.png b/src/Images/discord.png
similarity index 100%
rename from Elatteria-Website/Images/discord.png
rename to src/Images/discord.png
diff --git a/Elatteria-Website/Images/github.png b/src/Images/github.png
similarity index 100%
rename from Elatteria-Website/Images/github.png
rename to src/Images/github.png
diff --git a/Elatteria-Website/Images/logo.png b/src/Images/logo.png
similarity index 100%
rename from Elatteria-Website/Images/logo.png
rename to src/Images/logo.png
diff --git a/Elatteria-Website/Images/logo.png~ b/src/Images/logo.png~
similarity index 100%
rename from Elatteria-Website/Images/logo.png~
rename to src/Images/logo.png~
diff --git a/Elatteria-Website/Images/minecraft.png b/src/Images/minecraft.png
similarity index 100%
rename from Elatteria-Website/Images/minecraft.png
rename to src/Images/minecraft.png
diff --git a/Elatteria-Website/Scripts/flagle.js b/src/Scripts/flagle.js
similarity index 100%
rename from Elatteria-Website/Scripts/flagle.js
rename to src/Scripts/flagle.js
diff --git a/Elatteria-Website/Scripts/scroll.js b/src/Scripts/scroll.js
similarity index 100%
rename from Elatteria-Website/Scripts/scroll.js
rename to src/Scripts/scroll.js
diff --git a/Elatteria-Website/about.html b/src/about.html
similarity index 100%
rename from Elatteria-Website/about.html
rename to src/about.html
diff --git a/Elatteria-Website/favicon.ico b/src/favicon.ico
similarity index 100%
rename from Elatteria-Website/favicon.ico
rename to src/favicon.ico
diff --git a/Elatteria-Website/flagle.html b/src/flagle.html
similarity index 100%
rename from Elatteria-Website/flagle.html
rename to src/flagle.html
diff --git a/Elatteria-Website/gamedlestyles.css b/src/gamedlestyles.css
similarity index 100%
rename from Elatteria-Website/gamedlestyles.css
rename to src/gamedlestyles.css
diff --git a/Elatteria-Website/index.html b/src/index.html
similarity index 61%
rename from Elatteria-Website/index.html
rename to src/index.html
index 20de9a2..0333966 100644
--- a/Elatteria-Website/index.html
+++ b/src/index.html
@@ -3,54 +3,68 @@
     <head>
         <title>Home | Elatteria</title>
         <link rel="stylesheet" href="styles.css" />
+
+        <!-- Open Graph Meta Tags -->
+        <meta property="og:url" content="https://www.elatteria.com/">
+        <meta property="og:type" content="website">
+        <meta property="og:title" content="Home | Elatteria">
+        <meta property="og:description" content="Home">
+        <meta property="og:image" content="https://www.elatteria.com/Images/logo.png">
+        <!-- Twitter Meta Tags -->
+        <meta name="twitter:card" content="summary_large_image">
+        <meta property="twitter:domain" content="elatteria.com">
+        <meta property="twitter:url" content="https://www.elatteria.com/">
+        <meta name="twitter:title" content="Home | Elatteria">
+        <meta name="twitter:description" content="Home">
+        <meta name="twitter:image" content="https://www.elatteria.com/Images/logo.png">
     </head>
     <body>
         <header>
             <nav>
                 <ul class="desktop">
-                    <li class="logo"><a href="/"></a></li>
-                    <li><a href="/">Home</a></li>
+                    <li class="logo"><a href="/">Home</a></li>
                     <li><a href="/projects">Projects</a></li>
                     <li><a href="/links">Links</a></li>
                     <li><a href="/about">About</a></li>
                 </ul>
                 <ul class="mobile">
-                    <li class="logo"><a href="/"></a></li>
+                    <li class="logo"><a href="/">Home</a></li>
                     <li><a href="/projects">Projects</a></li>
                     <li><a href="/links">Links</a></li>
                     <li><a href="/about">About</a></li>
-                    <li>Lorem</li>
-                    <li>Ipsum</li>
-                    <li>Dolor</li>
                 </ul>
             </nav>
         </header>
         <h1 class="title">E-Cafe</h1>
         <div class="description">
-            <strong>Welcome to E-Cafe!<br/>
+            Welcome to E-Cafe!<br/>
             We're a small community on Discord.<br />
             <button type="button" onclick="scrollDown(0, 10000)">
                 Learn More
             </button>
         </div>
-            <div style="margin-top: 1500px"></div>
+            
+        <div style="margin-top: 1500px"></div>
+        
         <div class="description">
             <figure class="screenshots">
                 <img
                     src="Images/Screenshots/MinecraftBedwarsLobby.png"
                     alt="Screenshot from E-Cafe Minecraft server"
                 />
+                <br>
             </figure>
-        </div>
-            <div class="description"</div>
+            <div class="spacer"/>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit,
             sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem.
             Ut enim medicorum scientiam non ipsius artis, sed bonae valetudinis causa probamus,
             et gubernatoris ars, quia bene navigandi rationem habet, utilitate, non arte laudatur,
             sic sapientia, quae ars vivendi.<br>
-
+            
             <button onclick="location.href='/about';">About Elatteria</button>
-      
+            
+            
+        </div>
     </body>
     <script src="Scripts/scroll.js"></script>
 </html>
diff --git a/Elatteria-Website/links.html b/src/links.html
similarity index 100%
rename from Elatteria-Website/links.html
rename to src/links.html
diff --git a/Elatteria-Website/playnow.html b/src/playnow.html
similarity index 100%
rename from Elatteria-Website/playnow.html
rename to src/playnow.html
diff --git a/Elatteria-Website/projects.html b/src/projects.html
similarity index 100%
rename from Elatteria-Website/projects.html
rename to src/projects.html
diff --git a/Elatteria-Website/styles.css b/src/styles.css
similarity index 88%
rename from Elatteria-Website/styles.css
rename to src/styles.css
index 7232a8f..ea765fd 100644
--- a/Elatteria-Website/styles.css
+++ b/src/styles.css
@@ -11,12 +11,16 @@ html {
 
 .description {
     text-align: center;
-    font-size: 25px;
+    font-size: 30px;
     margin-bottom: 200px;
     margin-left: 10%;
     margin-right: 10%;
 }
 
+.spacer {
+    margin-top: 500px;
+}
+
 body {
     background-image: url("Images/backround.png");
     background-repeat: no-repeat;
@@ -33,34 +37,35 @@ body {
 header {
     background-color: rgb(32, 36, 59);
     background-position: top;
-    padding: 5px;
     text-align: center;
-    justify-content: left;
     top: 0px;
+    padding: 1%;
+    height: 80px;
 }
 
 header .logo a {
-    display: flex;
     background-image: url("Images/logo.png");
     background-repeat: no-repeat;
     background-size: 100%;
-    height: 100px;
-    width: 100px;
-    text-indent: -9999999999999999;
+    height: 50px;
+    width: 50px;
+    text-indent: -9999999%;
 }
 
 ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
+    text-align: left;
 }
 
 li {
-    display: flex;
+    display: inline-grid;
     margin: 10px 10px 0px 0px;
     font-size: 30px;
-    margin: 2%;
-    justify-content: center;
+    margin: 1%;
+    text-align: center;
+    float: left;
 }
 
 button {
@@ -77,7 +82,7 @@ button {
 
 button:hover {
     background: rgb(146, 199, 249);
-    padding: 10px;
+    padding: 5px;
     border-radius: 8px;
     transition: 200ms;
 }
@@ -90,7 +95,7 @@ a {
 a:hover {
     border-radius: 15%;
     background: rgb(82, 109, 160);
-    padding: 20px;
+    padding: 3px;
     transition: 250ms;
 }
 
@@ -129,13 +134,8 @@ a:hover {
     overflow-x: scroll;
 }
 
-.mobile a .logo {
-    width: 50px;
-    height: 50px;
-}
-
 .mobile li {
-    font-size: 50px;
+    font-size: 30px;
 }
 
 @media screen and (max-width: 1100px) {
@@ -152,7 +152,6 @@ a:hover {
 
     header .mobile {
         display: flex;
-        flex-direction: row;
     }
 
     header .desktop {
@@ -166,11 +165,11 @@ a:hover {
     body {
         background-image: url("Images/backgroundVertical.png");
         background-attachment: scroll;
-   }
-   
+    }
+
 }
 
 .underline {
     text-decoration: underline;
     color: white;
-}
+}
\ No newline at end of file