Add: h, a, ul, ol, p

b67d8197 · 이장원 · 43484768 · b67d8197 · b67d8197
Commit b67d8197 authored 2 years ago by 이장원
--- a/public/index.html
+++ b/public/index.html
 <!DOCTYPE html>
 <html>
  <head>
-    <meta charset="utf-8">
-    <meta name="generator" content="GitLab Pages">
+    <meta charset="utf-8" />
+    <meta name="generator" content="GitLab Pages" />
    <title>JangwonLee's Web Site</title>
-    <link rel="stylesheet" href="style.css">
+    <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>
+      <a href="https://github.com/zzzang12/">My Github</a>
+      <a href="https://www.youtube.com/playlist?list=PLjVk4mOR7UaO2LZ8RIMzlidMusDhyNeZu/">My Playlist</a>
    </div>

    <h1>My name is Jangwon Lee!</h1>
+    <h2>I want to be a DevOps Developer.</h2>
+    <h3>My birthday is 8.22.</h3>
+    <h4>Practice Coding Good.</h4>
+    <h5>I like cats.</h5>
+    <h6>Meow Meow~</h6>

-    <div class="imgContainer">
-      <img src="./cat.jpg" alt="고양이" class="catImg">
-    </div>
+    <img src="./cat.jpg" alt="고양이" class="catImg" />
+
+    <a href="https://younseokho.ajousw.kr/testhomepage/">동료의 웹페이지</a>

+    <h3>3학년 1학기 수강 과목</h3>
+    <ul>
+      <li>운영체제</li>
+      <li>실전코딩1</li>
+      <li>분산 시스템</li>
+      <li>컴퓨터 그래픽스</li>
+      <li>오픈소스 SW 입문</li>
+      <li>모델링 시뮬레이션</li>
+    </ul>

-    <p>
-      This is a simple plain-HTML website on GitLab Pages, without any fancy static site generator.
-    </p>
+    <h3>나의 버킷리스트 이루고 싶은 순위</h3>
+    <ol>
+      <li>
+        <p class="p1">잭 다니엘</p>
+        기절할 때까지 마시기
+      </li>
+      <li>
+        <p class="p2">보컬</p>
+        트레이닝 받기
+      </li>
+      <li>
+        4단
+        <p class="p3">눈사람</p>
+        만들기
+      </li>
+      <li>
+        만우절에
+        <p class="p4">군복</p>
+        입고 사진 찍기
+      </li>
+      <li>
+        <p class="p5">스피드 스케이트</p>
+        배우기
+      </li>
+    </ol>
  </body>
 </html>
-
--- a/public/style.css
+++ b/public/style.css
@@ -30,3 +30,39 @@ body {
  display: flex;
  margin: auto;
 }
+
+p {
+  display: inline;
+  font-size: 20px;
+  font-family: BookkMyungjo-Bd;
+}
+
+.p1 {
+  background-color: black;
+  color: white;
+}
+
+.p2 {
+  background-color: gold;
+}
+
+.p3 {
+  color: aquamarine;
+}
+
+.p4 {
+  background-color: olivedrab;
+  color: sienna;
+}
+
+.p5 {
+  background-color: aquamarine;
+  color: white;
+}
+
+@font-face {
+  font-family: 'BookkMyungjo-Bd';
+  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/BookkMyungjo-Bd.woff2') format('woff2');
+  font-weight: 700;
+  font-style: normal;
+}