Skip to content
Snippets Groups Projects
Commit 9146b1e8 authored by SangJun Park's avatar SangJun Park
Browse files

final

parent 71a08f0e
Branches
No related tags found
No related merge requests found
Pipeline #7360 passed
pictures/catfoot.jpeg

189 KiB

pictures/mycat.jpeg

49 KiB

pictures/mydog.png

200 KiB

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="generator" content="GitLab Pages">
<title>My Favorite Things - Sangjun Park</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="navbar">
<a href="https://git.ajou.ac.kr/SangJun/my_html">Gitlab Repo</a>
......@@ -13,11 +15,31 @@
<a href="https://velog.io/@jjunhub">Velog Link</a>
</div>
<h1>박상준의 은밀한 취미 생활</h1>
<h1 id=bigcategory>박상준</h1>
<h2 id=category1> My information</h2>
<p>
<div class="mybody">
<ul id=category2>
<div class="animal"> 좋아하는 동물
<img src="../pictures/mycat.jpeg">
</div>
</p>
<div class="singer"> 좋아하는 가수
<ul>
<li> <a href="https://namu.wiki/w/BLACKPINK"> 블랙핑크</a> </li>
<li> <a href="https://namu.wiki/w/LE%20SSERAFIM"> 르세라핌</a> </li>
<li> <a href="https://namu.wiki/w/aespa"> 에스파</a> </li>
</ul>
</div>
<div class="friend"> 짝꿍 사이트 <br>
<ul>
<ol> <a href="http://AJHM.ajousw.kr/myhtml"> 소프트웨어학과 김형민</a> </ol>
<ol> <a href="http://Thinggun.ajousw.kr/myHTML"> 소프트웨어학과 이명건</a> </ol>
<ol> <a href="http://undine_e.ajousw.kr/myhtml/"> 소프트웨어학과 최현수</a></ol>
</ul>
</div>
</body>
</html>
\ No newline at end of file
......@@ -2,13 +2,14 @@ body {
font-family: sans-serif;
margin: auto;
max-width: 1280px;
text-align : center;
background-color: beige;
}
.navbar {
background-color: #313236;
border-radius: 2px;
max-width: 800px;
max-width: 100%;
text-align : left;
}
.navbar a {
......@@ -23,3 +24,55 @@ body {
color: #ffffff;
}
#bigcategory{
text-align : center;
}
#category1{
text-align : left;
padding: 10px;
}
img {
margin : auto;
display : block;
width : 319px;
height : 205px;
}
.mybody{
font-size : 25px;
}
.animal{
background-image: url(../pictures/catfoot.jpeg);
padding : 15px;
}
.singer{
background-color: pink;
padding : 15px;
}
.friend{
background-color: aquamarine;
padding : 15px;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
a:link{
color:black;
}
a:hover{
color:blue;
}
a:visited{
color:crimson
}
#category1{
font-size : 40px;
font-family:'Times New Roman', Times, serif
}
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment