Feat: Add my homepage

7fdc5842 · Minkyung Kong · 34713595 · 7fdc5842 · 7fdc5842
Commit 7fdc5842 authored 2 years ago by Minkyung Kong
--- a/public/style.css
+++ b/public/style.css
 body {
-  font-family: sans-serif;
+  font-family: "Noto Sans KR", sans-serif;
  margin: auto;
  max-width: 1280px;
 }

 .navbar {
-  background-color: #313236;
+  background-color: #ffe2ed;
  border-radius: 2px;
-  max-width: 800px;
+  width: 100%;
 }

 .navbar a {
-  color: #aaa;
+  color: #ffa7cb;
  display: inline-block;
  font-size: 15px;
+  font-weight: bolder;
  padding: 10px;
  text-decoration: none;
 }

 .navbar a:hover {
-  color: #ffffff;
+  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;
+}
--- a/public/index.html
+++ b/public/index.html
 <!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>
-