From bcd651135e03750d0965fead8cdf8bb08660c515 Mon Sep 17 00:00:00 2001
From: donghwi <ken7905@ajou.ac.kr>
Date: Wed, 5 Jul 2023 16:29:48 +0900
Subject: [PATCH] my_first_htmlcss

---
 public/index.html | 36 +++++++++++++++++++++++++++---------
 public/style.css  | 13 ++++++++++---
 2 files changed, 37 insertions(+), 12 deletions(-)

diff --git a/public/index.html b/public/index.html
index 6652c7d..4f4b024 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 3eae408..9b8c8ea 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;
-}
+
 
-- 
GitLab