-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
94 lines (94 loc) · 3.36 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="google-site-verification" content="YOUR_GOOGLE_VERIFICATION_CODE">
<meta name="description" content="딴지 - 배송선물 거래서비스. iOS 및 Android 앱 다운로드 링크 제공.">
<meta name="robots" content="index, follow">
<title>딴지 - 배송선물 거래서비스</title>
<style>
/* 전체 화면 배경 설정 */
body, html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between; /* 위아래로 간격 배분 */
background-color: #000; /* 검은 배경 */
font-family: Arial, sans-serif;
color: #fff; /* 기본 텍스트 색상 */
}
/* 상단 로고 및 텍스트 */
.header {
text-align: center;
margin-top: 50px;
}
.header img {
width: 120px; /* 로고 크기 조정 */
height: auto;
}
.header h1 {
margin-top: 20px;
font-size: 32px; /* 텍스트 크기 조정 */
}
/* 버튼 컨테이너 */
.button-container {
display: flex;
flex-direction: row;
justify-content: center;
gap: 20px; /* 버튼 간격 */
margin-bottom: 50px; /* 하단 여백 */
}
/* 버튼 스타일 */
.button {
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #fff; /* 흰색 테두리 */
border-radius: 10px; /* 둥근 모서리 */
padding: 10px;
background-color: rgba(255, 255, 255, 0.1); /* 버튼 배경 투명도 */
text-decoration: none;
transition: transform 0.2s, background-color 0.2s;
}
.button img {
max-width: 150px; /* 이미지 최대 너비 */
height: auto;
}
.button:hover {
transform: scale(1.1); /* 버튼 확대 효과 */
background-color: rgba(255, 255, 255, 0.2); /* 호버 시 배경 강조 */
}
/* 안내 문구 */
.info-text {
font-size: 16px;
text-align: center;
margin-bottom: 20px;
}
</style>
</head>
<body>
<!-- 상단 로고 및 텍스트 -->
<div class="header">
<img src="screen.png" alt="딴지 로고">
<h1>배송선물 거래서비스</h1>
</div>
<!-- 안내 문구 -->
<p class="info-text">아래 버튼을 클릭하여 앱을 다운로드하세요.</p>
<!-- 버튼 컨테이너 -->
<div class="button-container">
<!-- Android 버튼 -->
<a href="https://play.google.com/store/apps/details?id=co.orange.ddanzi&hl=ko" class="button">
<img src="android.png" alt="Google Play 스토어">
</a>
<!-- Apple 버튼 -->
<a href="https://apps.apple.com/kr/app/%EB%94%B4%EC%A7%80-%EB%B0%B0%EC%86%A1%EC%84%A0%EB%AC%BC-%EA%B1%B0%EB%9E%98-%EC%84%9C%EB%B9%84%EC%8A%A4/id6508169572" class="button">
<img src="apple.png" alt="Apple 앱 스토어">
</a>
</div>
</body>
</html>