diff --git a/public/index.html b/public/index.html
index 6652c7dd60ad34f6d80148f3c8e6876702d19854..a00b302314422679f10c37c6ca0855625a97682b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="generator" content="GitLab Pages">
-    <title>Plain HTML site using GitLab Pages</title>
+    <title>qilip's html page</title>
     <link rel="stylesheet" href="style.css">
   </head>
   <body>
@@ -13,11 +13,27 @@
       <a href="https://gitlab.com/pages/">Other Examples</a>
     </div>
 
-    <h1>Hello World!</h1>
+    <h1>안녕하세요!</h1>
+    <img src="nebula.jpg" alt="Nebula" width="500" class="center"/>
 
-    <p>
-      This is a simple plain-HTML website on GitLab Pages, without any fancy static site generator.
-    </p>
+    <h2>동료의 페이지</h2>
+    <a href="http://beepman.ajousw.kr/my_awsome_project/">Beepman's page</a>
+
+    <h3>안녕하세요</h3>
+    <P>안녕하세요 안녕하세요</P>
+    <h4>TMI</h4>
+    <p class="tmi">안녕하세요 이 페이지는 TMI 페이지입니다 무슨 내용이 들어갈지는 아직 잘 모르겠네요.</p>
+    <h5>기술 스택</h5>
+    <ul>
+      <li>Node.js</li>
+      <li>Vue.js</li>
+      <li>Serverless</li>
+    </ul>
+    <h6>My Todo List</h6>
+    <ol>
+      <li>실전코딩 과제</li>
+      <li>확률과 통계 1 과제</li>
+      <li>개인 프로젝트</li>
+    </ol>
   </body>
 </html>
-
diff --git a/public/nebula.jpg b/public/nebula.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..9d20c7930dbfd5981f941b49371a1caca5216731
Binary files /dev/null and b/public/nebula.jpg differ
diff --git a/public/style.css b/public/style.css
index 3eae4084bda0c2270306b14ac8c1ca732415edc3..28cc402006f7e7b433df1c2d68e6a450b971fe9b 100644
--- a/public/style.css
+++ b/public/style.css
@@ -22,3 +22,12 @@ body {
   color: #ffffff;
 }
 
+.center {
+  margin: 50px auto;
+}
+
+.tmi {
+  background-color: skyblue;
+  font-size: 12px;
+  font-family: serif;
+}