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; -} +