diff --git a/public/index.css b/public/index.css
new file mode 100644
index 0000000000000000000000000000000000000000..18fa6354f617b61f06b161f6742652a499d5cdf7
--- /dev/null
+++ b/public/index.css
@@ -0,0 +1,45 @@
+body {
+  font-family: "Noto Sans KR", sans-serif;
+  margin: auto;
+  max-width: 1280px;
+}
+
+.navbar {
+  background-color: #ffe2ed;
+  border-radius: 2px;
+  width: 100%;
+}
+
+.navbar a {
+  color: #ffa7cb;
+  display: inline-block;
+  font-size: 15px;
+  font-weight: bolder;
+  padding: 10px;
+  text-decoration: none;
+}
+
+.navbar a:hover {
+  color: #ff3399;
+  font-size: 16px;
+}
+
+.box {
+  text-align: center;
+}
+
+.box img {
+  min-width: 200px;
+  min-height: 200px;
+  max-width: 600px;
+  max-height: 500px;
+}
+
+.box h1 {
+  font-weight: bold;
+  border-bottom: 5px solid #ff64a9;
+}
+
+.box h4 {
+  color: #606060;
+}
diff --git a/public/index.html b/public/index.html
index 6652c7dd60ad34f6d80148f3c8e6876702d19854..7cefcc61e556d26cca84f7447096f1d725a5fcfb 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,23 +1,50 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <meta name="generator" content="GitLab Pages">
-    <title>Plain HTML site using GitLab Pages</title>
-    <link rel="stylesheet" href="style.css">
+    <meta charset="utf-8" />
+    <meta name="generator" content="GitLab Pages" />
+    <title>Introduce my puppy</title>
+    <link rel="stylesheet" href="index.css" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap"
+      rel="stylesheet"
+    />
   </head>
   <body>
     <div class="navbar">
-      <a href="https://pages.gitlab.io/plain-html/">Plain HTML Example</a>
-      <a href="https://gitlab.com/pages/plain-html/">Repository</a>
-      <a href="https://gitlab.com/pages/">Other Examples</a>
+      <a href="https://git.ajou.ac.kr/alsrud991026/html-exercise/">My Gitlab</a>
+      <a href="http://alsrud991026.ajousw.kr/html-exercise/">My Homepage</a>
+      <a href="https://git.ajou.ac.kr/sooji/lab03_html/">My Mate's Gitlab</a>
+      <a href="http://sooji.ajousw.kr/lab03_html/">My Mate's Homepage</a>
     </div>
 
-    <h1>Hello World!</h1>
+    <div class="box">
+      <h1>Introduce My Dog!</h1>
+      <h4>소프트웨어학과 201923670 공민경</h4>
+      <a href="https://ibb.co/NtZwTMc"
+        ><img src="https://i.ibb.co/2WgXZTG/kamja.jpg" alt="kamja" border="0"
+      /></a>
+    </div>
 
-    <p>
-      This is a simple plain-HTML website on GitLab Pages, without any fancy static site generator.
-    </p>
+    <h3>감자</h3>
+    <div class="dog">
+      <ul>
+        <li>말티즈</li>
+        <ol>
+          <li>남자</li>
+          <li>2013년 4월 생</li>
+          <li>동안인 편</li>
+          <li>현재 다이어트 중</li>
+        </ol>
+      </ul>
+    </div>
+    <h1>첫번째</h1>
+    <h2>두번째</h2>
+    <h3>세번째</h3>
+    <h4>네번째</h4>
+    <h5>다섯번째</h5>
+    <h6>여섯번째</h6>
   </body>
 </html>
-
diff --git a/public/style.css b/public/style.css
deleted file mode 100644
index 3eae4084bda0c2270306b14ac8c1ca732415edc3..0000000000000000000000000000000000000000
--- a/public/style.css
+++ /dev/null
@@ -1,24 +0,0 @@
-body {
-  font-family: sans-serif;
-  margin: auto;
-  max-width: 1280px;
-}
-
-.navbar {
-  background-color: #313236;
-  border-radius: 2px;
-  max-width: 800px;
-}
-
-.navbar a {
-  color: #aaa;
-  display: inline-block;
-  font-size: 15px;
-  padding: 10px;
-  text-decoration: none;
-}
-
-.navbar a:hover {
-  color: #ffffff;
-}
-