Showing
6 changed files
with
70 additions
and
0 deletions
views/image/background.png
0 → 100644
12.5 KB
views/image/btn1.png
0 → 100644
32.9 KB
views/image/btn2.png
0 → 100644
36.9 KB
views/image/logo.png
0 → 100644
5.24 KB
views/main_home.css
0 → 100644
1 | +/*body{ | ||
2 | + height: 100vh; | ||
3 | + background-repeat : no-repeat; | ||
4 | + background-image: url('background.png'); | ||
5 | + background-size: cover; | ||
6 | +}*/ | ||
7 | +html, body{ | ||
8 | + width: 100%; | ||
9 | + height: 100%; | ||
10 | + margin:0; | ||
11 | +} | ||
12 | +A{ | ||
13 | + position: relative; | ||
14 | + top:0.8%; | ||
15 | + left: 85%; | ||
16 | + font-size: x-small; | ||
17 | + font-weight: bold; | ||
18 | + font-family: "나눔고딕"; | ||
19 | + text-decoration-line: none; | ||
20 | + color: inherit; | ||
21 | +} | ||
22 | +#logo | ||
23 | +{ | ||
24 | + position: relative; | ||
25 | + top:1% | ||
26 | +} | ||
27 | +#div1 | ||
28 | +{ | ||
29 | + position: relative; | ||
30 | + width: 100%; | ||
31 | + height: 45%; | ||
32 | + top:5%; | ||
33 | + background-color: skyblue; | ||
34 | +} | ||
35 | +#btn1 | ||
36 | +{ | ||
37 | + position: relative; | ||
38 | + top: 23%; | ||
39 | + left: 30%; | ||
40 | + padding: 0; | ||
41 | + border: none; | ||
42 | + background: none; | ||
43 | +} | ||
44 | +#btn2 | ||
45 | +{ | ||
46 | + position: relative; | ||
47 | + top: 23%; | ||
48 | + left: 50%; | ||
49 | + padding: 0; | ||
50 | + border: none; | ||
51 | + background: none; | ||
52 | +} | ||
53 | + |
views/main_home.html
0 → 100644
1 | +<!DOCTYPE html> | ||
2 | +<html> | ||
3 | +<head> | ||
4 | + <meta charset="utf-8"> | ||
5 | + <link rel="stylesheet" type="text/css" href="main_home.css"/> | ||
6 | +</head> | ||
7 | +<body> | ||
8 | + <img id="logo" src="image/logo.png"> | ||
9 | + <A href= "https://kart.nexon.com/Main/Index.aspx" target="_blank">공식 홈페이지 바로가기</A> | ||
10 | + <div id="div1"> | ||
11 | + <button id="btn1"> <img src="image/btn1.png"></button> | ||
12 | + <button id="btn2"> <img src="image/btn2.png"></button> | ||
13 | + </div> | ||
14 | +</body> | ||
15 | + | ||
16 | + | ||
17 | +</html> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
-
Please register or login to post a comment