diff --git a/public/index.html b/public/index.html
index 6652c7dd60ad34f6d80148f3c8e6876702d19854..4f4b02456a3afa62b6b33a252c0d0180f275e0a4 100644
--- a/public/index.html
+++ b/public/index.html
@@ -7,17 +7,35 @@
     <link rel="stylesheet" href="style.css">
   </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>
+    <h1 class="a">My judo club</h1>
+    <div>
+      <img src="유사사로고.jpeg" width="300" height="500">
+    </div>
+    <div>
+      <h2>나의 유도 기술들</h2>
+      <ul>
+        <li>업어치기</li>
+        <li>허벅다리</li>
+        <li>안다리걸기</li>
+        <li>안뒤축</li>
+      </ul>
+    </div>
+    <div>
+      <h2>나의 기술 우선 순위</h2>
+      <ol>
+        <li>업어치기</li>
+        <li>안뒤축</li>
+        <li>안다리걸기</li>
+        <li>허벅다리</li>
+      </ol>
+    </div>
+    <div>
+      <h4>폰트 사이즈및 종류 변경 테스트</h4>
+      <p class="em">글자크기 : 2em</p>
+      <p class="rem">글자크기 : 2rem</p>
     </div>
 
-    <h1>Hello World!</h1>
-
-    <p>
-      This is a simple plain-HTML website on GitLab Pages, without any fancy static site generator.
-    </p>
+    <a href="http://song2948837.ajousw.kr/myhtml">동료 웹 페이지</a>
   </body>
 </html>
 
diff --git a/public/style.css b/public/style.css
index 3eae4084bda0c2270306b14ac8c1ca732415edc3..9b8c8ea55f2c292d6ed0358bc7002b87fe04e763 100644
--- a/public/style.css
+++ b/public/style.css
@@ -4,6 +4,15 @@ body {
   max-width: 1280px;
 }
 
+img {
+  margin: auto;
+  display: block;
+}
+.em { font-size: 2em; font-family : cursive;}
+.rem { font-size: 2rem; font-family : serif; }
+.a{
+  background-color: aquamarine;
+}
 .navbar {
   background-color: #313236;
   border-radius: 2px;
@@ -18,7 +27,5 @@ body {
   text-decoration: none;
 }
 
-.navbar a:hover {
-  color: #ffffff;
-}
+