diff --git a/index.html b/index.html
index e412750..d513a45 100644
--- a/index.html
+++ b/index.html
@@ -1,50 +1,88 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="stylesheet" href="index.css">
-  <title>Document</title>
-</head>
-<body>
-  <div>
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="index.css" />
+    <title>Document</title>
+  </head>
+  <body>
     <div>
-      <h1>Joseph Kim</h1>
-      <p>Hello 👋  I'm a web developer at mntn</p>
-      <p>I usually work on my company's projects, but I also work with Wordpress/Squarespace/Wix, React/Node, Nextjs/Gatsby, and sometimes I design</p>
-      <p>Here are some sites I worked on:</p>
-      <ul class="project-list">
-        <li><a target="_blank" href="https://mountain.com">Mountain(mntn)</a></li>
-        <li><a target="_blank" href="https://radancy.com">Radancy</a></li>
-        <li><a target="_blank" href="https://www.takedajobs.com">Takeda Pharmaceutical</a> - one of the clients at Radancy</li>
-        <li><a target="_blank" href="https://genesuites.vercel.app/">Genesuites</a> - Built with Nextjs</li>
-        <li><a target="_blank" href="https://inwords.vercel.app">Inwords</a> - Basic blog built with Gatsby</li>
-        <li><a target="_blank" href="https://jsphkm.github.io/responsive-emails/">Responsive Emails</a> - Built with MJML and Pine</li>
-      </ul>
+      <div>
+        <h1>Joseph Kim</h1>
+        <p>Hello 👋 I'm a web developer at mntn</p>
+        <p>
+          I usually work on my company's projects, but I also work with
+          Wordpress/Squarespace/Wix, React/Node, Nextjs/Gatsby, and sometimes I
+          design
+        </p>
+        <p>Here are some sites I worked on:</p>
+        <ul class="project-list">
+          <li>
+            <a target="_blank" href="https://quickframe.com">Quickframe</a>
+          </li>
+          <li>
+            <a target="_blank" href="https://mountain.com">Mountain(mntn)</a>
+          </li>
+          <li><a target="_blank" href="https://radancy.com">Radancy</a></li>
+          <li>
+            <a target="_blank" href="https://www.takedajobs.com"
+              >Takeda Pharmaceutical</a
+            >
+            - one of the clients at Radancy
+          </li>
+          <li>
+            <a target="_blank" href="https://genesuites.vercel.app/"
+              >Genesuites</a
+            >
+            - Built with Nextjs
+          </li>
+          <li>
+            <a target="_blank" href="https://inwords.vercel.app">Inwords</a> -
+            Basic blog built with Gatsby
+          </li>
+          <li>
+            <a
+              target="_blank"
+              href="https://jsphkm.github.io/responsive-emails/"
+              >Responsive Emails</a
+            >
+            - Built with MJML and Pine
+          </li>
+        </ul>
+      </div>
+      <div class="hero-social-container">
+        <ul class="hero-social">
+          <li class="gmail-item">
+            <a href="mailto:jsphkm12@gmail.com" target="_blank">
+              <img
+                class="hero-social-image"
+                src="img/icons/logo_gmail_64px.png"
+              />
+              Gmail
+            </a>
+          </li>
+          <li class="linkedin-item">
+            <a
+              href="https://www.linkedin.com/in/joseph-kim-523840155"
+              target="_blank"
+            >
+              <img class="hero-social-image" src="img/icons/In-2C-48px-R.png" />
+              LinkedIn
+            </a>
+          </li>
+          <li class="github-item">
+            <a href="https://github.com/jsphkm" target="_blank">
+              <img
+                class="hero-social-image"
+                src="img/icons/GitHub-Mark-Light-64px.png"
+              />
+              GitHub
+            </a>
+          </li>
+        </ul>
+      </div>
     </div>
-    <div class="hero-social-container">
-      <ul class="hero-social">
-        <li class="gmail-item">
-          <a href="mailto:jsphkm12@gmail.com" target="_blank">
-            <img class="hero-social-image" src="img/icons/logo_gmail_64px.png"/>
-            Gmail
-          </a>
-        </li>
-        <li class="linkedin-item">
-          <a href="https://www.linkedin.com/in/joseph-kim-523840155" target="_blank">
-            <img class="hero-social-image" src="img/icons/In-2C-48px-R.png"/>
-            LinkedIn
-          </a>
-        </li>
-        <li class="github-item">
-          <a href="https://github.com/jsphkm" target="_blank">
-            <img class="hero-social-image" src="img/icons/GitHub-Mark-Light-64px.png"/>
-            GitHub
-          </a>
-        </li>
-      </ul>
-    </div>
-  </div>
-</body>
-</html>
\ No newline at end of file
+  </body>
+</html>
