diff --git a/index.html b/index.html
index 04fb99d..fd63a98 100644
--- a/index.html
+++ b/index.html
@@ -1,19 +1,51 @@
-<link rel="stylesheet" href="main.css">
-
-<h1>H1</h1>
-<h2>H2</h2>
-<h3>H3</h3>
-<h4>H4</h4>
-<h5>H5</h5>
-<h6>H6</h6>
-<p>P</p>
-<pre>PRE</pre>
-<strong>Strong</strong>
-<div>
-<em>EM</em>
-<div>
-<a href="https://sophia.wtf">href</a>
-<div>
-<sub>SUB</sub>
-<hr>
-
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Basic Dark Mode with CSS
+    </title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+    <link href="https://sophia.wtf/favicon.ico?v1" rel="icon" type="image/png" />
+    <meta name="description" content="Basic Dark Mode with CSS">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:site" content="@SophiaTLDR">
+    <meta name="twitter:title" content="Darkmode">
+    <meta name="twitter:description" content="Basic Dark Mode with CSS">
+    <meta property="og:url" content="https://sophia.wtf/">
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="Darkmode">
+    <meta property="og:description" content="Basic Dark Mode with CSS">
+    <meta property="og:image" content="https://cdn.statically.io/og/theme=dark/Darkmode.jpg">
+    <meta name="twitter:image" content="https://cdn.statically.io/og/theme=dark/Darkmode.jpg">
+    <link rel="stylesheet" href="main.css">
+  </head>
+  <h1>H1
+  </h1>
+  <h2>H2
+  </h2>
+  <h3>H3
+  </h3>
+  <h4>H4
+  </h4>
+  <h5>H5
+  </h5>
+  <h6>H6
+  </h6>
+  <p>P
+  </p>
+  <pre>PRE
+</pre>
+  <strong>Strong
+  </strong>
+  <div>
+    <em>EM
+    </em>
+    <div>
+      <a href="https://sophia.wtf">href
+      </a>
+      <div>
+        <sub>SUB
+        </sub>
+        <hr>
+        </body>
+      </html> 
