From b68f6ef1610bbbf440a6548a9b9c13bd69124893 Mon Sep 17 00:00:00 2001 From: sooji Bae <qo9119@ajou.ac.kr> Date: Wed, 22 Mar 2023 20:38:20 +0900 Subject: [PATCH] after something --- public/index.css | 62 +++++++++++++++++++++++++++++++++++++++++++++++ public/index.html | 43 +++++++++++++++++++++++++------- public/style.css | 24 ------------------ 3 files changed, 96 insertions(+), 33 deletions(-) create mode 100644 public/index.css delete mode 100644 public/style.css diff --git a/public/index.css b/public/index.css new file mode 100644 index 0000000..1af881c --- /dev/null +++ b/public/index.css @@ -0,0 +1,62 @@ +body { + font-family: fantasy; + margin: auto; + max-width: 1100px; + text-align: center; +} + +.navbar { + background-color: #6699CC; + border-radius: 3px; + max-width: 1200px; + text-align: center; +} + +.navbar a { + color: rgb(249, 249, 249); + display: inline-block; + font-size: 20px; + padding: 15px; + text-decoration: none; + text-align: center; +} +h1 +{ + text-align: center; +} +h2 +{ + text-align: center; +} +h3 +{ + text-align: center; +} + +.List +{ + display: table; + margin-left: none; + margin-right: none; +} +p{ + text-align: center; +} + +.navbar a:hover { + color: #f9f4f4; + text-align: center; +} + + +#cat { + min-width: 200px; + min-height: 200px; + max-width: 600px; + max-height: 500px; +} + +#cat { + margin: auto; + display: block; +} \ No newline at end of file diff --git a/public/index.html b/public/index.html index 6652c7d..591ec3a 100644 --- a/public/index.html +++ b/public/index.html @@ -4,20 +4,45 @@ <meta charset="utf-8"> <meta name="generator" content="GitLab Pages"> <title>Plain HTML site using GitLab Pages</title> - <link rel="stylesheet" href="style.css"> + <link rel="stylesheet" href="index.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://git.ajou.ac.kr/sooji/lab03_html">my git page</a> + <a href="https://git.ajou.ac.kr/alsrud991026/html-exercise">partner git page</a> + <a href="http://sooji.ajousw.kr/lab03_html/"> my page</a> + <a href="http://alsrud991026.ajousw.kr/html-exercise/">partner page</a> </div> - <h1>Hello World!</h1> - + <h2>201620984 배수지</h2> + <h1>Introduce my cat!</h1> + <div id="cat" a href="https://www.hidoc.co.kr/healthstory/news/C0000697072"> + <img src="https://src.hidoc.co.kr/image/lib/2022/5/12/1652337370806_0.jpg"></a></div> + <h3>This is my cat! Have a nice day!</h3> + <div class="List"> + <h3>Ordered List Cat Type</h3> + <ol type="1"> + <li>Persian</li> + <li>siamese cat</li> + <li>russian blue</li> + </ol> + <h3>Unordred List Cat Type</h3> + <ul> + <li>Persian</li> + <li>siamese cat</li> + <li>russian blue</li> + </ul> + <h1>1</h1> + <h2>2</h2> + <h3>3</h3> + <h4>4</h4> + <h5>5</h5> + <h6>6</h6> + </div> <p> - This is a simple plain-HTML website on GitLab Pages, without any fancy static site generator. + </p> - </body> -</html> + + </body> +</html> \ No newline at end of file diff --git a/public/style.css b/public/style.css deleted file mode 100644 index 3eae408..0000000 --- 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; -} - -- GitLab