diff --git a/public/dog.jpg b/public/dog.jpg new file mode 100644 index 0000000000000000000000000000000000000000..134474b277272046e2ff9875c528bec90790db0b Binary files /dev/null and b/public/dog.jpg differ diff --git a/public/index.html b/public/index.html index 824daa9041c80a92ab8cb42c02ee2fb4b8a623e7..425d86ec0d0a2e8a7ed38b90e48201cdac0e8a92 100644 --- a/public/index.html +++ b/public/index.html @@ -1,23 +1,19 @@ <!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"> - </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> - </div> - - <h1>Hello World! practical Coding</h1> - - <p> - This is a simple plain-HTML website on GitLab Pages, without any fancy static site generator. - </p> + <div><img src="dog.jpg" alt="Angry dog"></div> + <ul> + <li>귀엽다</li> + <li>화났나</li> + </ul> + + <ol> + <p>화난이유</p> + <li>간식 안줘서</li> + <li>주인이 놀려서</li> + </ol> + <div><h3><a href="http://minj.ajousw.kr/tama">조민재 site </h3></div> </body> </html> diff --git a/public/style.css b/public/style.css index 3eae4084bda0c2270306b14ac8c1ca732415edc3..fde8fbaa9232f2b711031da587becc436aee5cf0 100644 --- a/public/style.css +++ b/public/style.css @@ -22,3 +22,31 @@ body { color: #ffffff; } +img{ + min-width: 200px; + min-height:200px; + max-width: 600px; + max-height: 500px; +} + +div{ + text-align: center; +} + +ul{ + list-style-type: circle; + font-size: 40px; + font-style: initial; +} + +ol{ + list-style-type: upper-roman; + font-size: 20px; + font-style: normal; +} + +p{ + background-color: beige; +} + +