diff --git a/public/index.css b/public/index.css new file mode 100644 index 0000000000000000000000000000000000000000..18fa6354f617b61f06b161f6742652a499d5cdf7 --- /dev/null +++ b/public/index.css @@ -0,0 +1,45 @@ +body { + font-family: "Noto Sans KR", sans-serif; + margin: auto; + max-width: 1280px; +} + +.navbar { + background-color: #ffe2ed; + border-radius: 2px; + width: 100%; +} + +.navbar a { + color: #ffa7cb; + display: inline-block; + font-size: 15px; + font-weight: bolder; + padding: 10px; + text-decoration: none; +} + +.navbar a:hover { + 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; +} diff --git a/public/index.html b/public/index.html index 6652c7dd60ad34f6d80148f3c8e6876702d19854..7cefcc61e556d26cca84f7447096f1d725a5fcfb 100644 --- a/public/index.html +++ b/public/index.html @@ -1,23 +1,50 @@ <!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> - diff --git a/public/style.css b/public/style.css deleted file mode 100644 index 3eae4084bda0c2270306b14ac8c1ca732415edc3..0000000000000000000000000000000000000000 --- a/public/style.css +++ /dev/null @@ -1,24 +0,0 @@ -body { - font-family: sans-serif; - margin: auto; - max-width: 1280px; -} - -.navbar { - background-color: #313236; - border-radius: 2px; - max-width: 800px; -} - -.navbar a { - color: #aaa; - display: inline-block; - font-size: 15px; - padding: 10px; - text-decoration: none; -} - -.navbar a:hover { - color: #ffffff; -} -