-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
227 lines (210 loc) · 9.64 KB
/
Copy pathindex.html
File metadata and controls
227 lines (210 loc) · 9.64 KB
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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./style.css">
<title>카카오뱅크</title>
<link rel="icon" href="사진/카카오뱅크_로고_360.png">
</head>
<body>
<div id="header">
<div class="headli">
<ul class="ul">
<a href="index.html"><img id="rogo" src="사진/카카오뱅크_텍스트_360.png" alt="카카오뱅크 로고"></a>
<li>은행소개</li>
<li>IR투자정보</li>
<li>상품안내</li>
<li>고객센터</li>
<li>서류제출하기</li>
<li><img class="lang-icon" src="사진/다운로드.png" alt="언어선텍 아이콘"></li>
</ul>
</div>
</div>
<div id="main_">
<div class="rion_backimg">
<h3 class="h3">
이미 모두의 은행
<br>
지금은 카카오뱅크
</h3>
<ul>
<div class="문구">
<p>
한 사람, 한 사람을 위해 시작한 은행이<br>
더 많은 사람들이 찾는 모두의 은행이 되었습니다
</p>
<p>
보내고, 받고, 모으고, 쓰는<br>
당신의 모든 일이 바뀌고 있습니다
</p>
<strong>
<div class="ps"><img class="GP" src="사진/GP.png" alt="구글플레이">Google Play</div>
<div class="as"><img class="AS" src="사진/AP.png" alt="앺스토어">App Store</div>
</strong>
</div>
</ul>
</div>
</div>
<div id="bottom_1">
<img class="img-1" src="사진/하단1.png" alt="예시사진">
<ul class="b1">
<h3 class="h-1">모바일로 더 손쉬운<br>
계좌개설, 간편한 이체</h3>
<p class="p-1">
인증서, OTP 없이 계좌 개설이 간편합니다.<br>
여러 건의 이체도 몇 번의 터치로 손쉽게 보낼 수 있습니다.
</p>
<div class="account-button">카카오뱅크 입출금통장 ></div>
</ul>
</div>
<div class="line"></div>
<div id="bottom_2">
<img class="img-2" src="사진/하단2.png" alt="예시사진">
<ul class="b2">
<h3 class="h-2">우대조건 없이<br>
합리적인 예금과 적금</h3>
<p class="p-2">
기대했던 금리와 다르게 복잡한 우대조건에 실망한 적이 있었나요?<br>
카카오뱅크의 예금, 적금은 숨겨진 우대조건 없이 누구에게나 편리하고 합리적입니다.
</p>
<div class="account-button2">정기예금 ></div>
<div class="account-button2">자유적금 ></div>
<img src="사진/적짧누.png" alt="예시사진" class="extraimg">
</ul>
</div>
<div class="line"></div>
<div id="bottom_3">
<div class="con">
<img class="img-3" src="사진/하단3.png" alt="예시사진">
<ul class="b3">
<h3 class="h-3">함께 쓰고 같이 보는<br>
모임통장</h3>
<p class="p-3">
카카오톡 친구를 바로 모임통장으로 초대하고<br>
친구들과 함께 잔액과 입출금 현황을 확인할 수 있습니다.<br>
재미있는 메시지 카드로 회비 입금 요청도 해보세요.
</p>
<div class="account-button3">모임통장 ></div>
</ul>
</div>
</div>
<div class="line"></div>
<div id="bottom_4">
<img class="img-4" src="사진/하단4.png" alt="예시사진">
<ul class="b4">
<h3 class="h-4">함께 도전해서<br>
재미있는 26주적금</h3>
<p class="p-4">
26주동안 변화하는 재미에 빠져있는 사이<br>
어느덧 만기 달성 경험을 맛보게 됩니다.
</p>
<div class="account-button4">26주적금 ></div>
</ul>
</div>
<div class="line"></div>
<div id="bottom_5">
<img class="img-5" src="사진/하단5.png" alt="예시사진">
<ul class="b5">
<h3 class="h-5">해외계좌송금과<br>
WU빠른해외송금을<br>
더 쉽고, 저렴하게</h3>
<p class="p-5">
해외계좌송금이 가능한 22개국을 포함하여<br>
전세계 200여개국으로<br>
WU빠른해외송금이 가능합니다.
</p>
<div class="account-button5">해외송금 ></div>
</ul>
</div>
<img src="사진/지도.png" alt="예시사진" class="map">
<div class="sky">
<h2 class="skyh">복잡한 서류 제출을 간편하게, 내가 원하는 시간에</h2>
<span class="sun"></span>
<div class="st">이사 날짜가 주말이나 공휴일이어도 전월세보증금 대출을 신청할 수 있습니다.</div>
<ul>
<li class="skyli">마이너스 통장대출 ></li>
<li class="skyli">신용대출 ></li>
<li class="skyli">개인사업자 대출 ></li>
<li class="skyli">전월세보증금 대출 ></li>
<img src="사진/하단6.png" alt="예시사진" class="botimg6">
</ul>
</div>
<div class="lastcont">
<h1 class="lasth1">프렌즈 체크카드,<br>
내가 고르는 선택의 즐거움</h1>
<p class="lastset">프렌즈 디자인부터 멋스러운 블랙 컬러 카드까지 원하는 디자인과 기능을 선택할 수 있습니다.</p>
<p class="lastbut">카카오뱅크 프렌즈 체크카드 ></p>
<img src="사진/하단7.png" alt="예시사진" class="lastimg">
</div>
<div class="security">
<h1 class="securityh1">IT 기술로 카카오뱅크를<br>
만들어 갑니다.</h1>
<span class="bar"></span>
<img src="사진/security.png" alt="예시사진" class="securityimg">
<span class="bgb"></span>
<ul class="secul">
<li class="secli">
<strong>간결하고, 유려하게</strong>
<p class="p">
작은 모바일 화면에 적합하도록<br>
복잡함을 덜어낸<br>
유려하고 친화적인 UX
</p>
</li>
<li class="secli">
<strong>
간편한 인증, 철저한 보안
</strong>
<p class="p">
지문, 비밀번호로 간편한 인증<br>
IT 기술의 강력한 보안 검증과<br>
데이터 암호화
</p>
</li>
<li class="secli">
<strong>
Mobile First, One App
</strong>
<p class="p">
모바일에서 뱅킹이 더 쉽고 편리하게<br>
여러 앱을 설치할 필요 없이<br>
하나의 앱으로
</p class="p">
</li>
</ul>
</div>
<div class="webfoot">
<ul class="board">
<li class="footli">모바일뱅킹 서비스 이용약관</li>
<li class="footli">전자금융거래 기본약관</li>
<li class="footli">위치기반 서비스 이용약관</li>
<li class="footli">개인정보처리방침</li>
<li class="footli">전자민원접수,보호금융상품등록부</li>
<li class="footli">상품공시실</li>
<li class="footli">경영공시</li>
<li class="footli">공지사항</li>
</ul>
<br>
<ul class="board2">
<li class="footli">전자서명인증업무준칙</li>
<li class="footli">카카오뱅크 인증서 서비스 이용약관</li>
<li class="footli">카카오뱅크 인증서 서비스 개인정보처리방침</li>
</ul>
<p class="comp">(주)카카오뱅크∙윤호영∙사업자번호 375-88-00197대표전화 1599-3333(해외 +82-2-6420-3333)</p>
<p class="mail">Copyright © KakaoBank Corp. All rights reserved.</p>
<ul class="mark">
<ul class="inmark">
<div class="m1"><img class="mi" src="사진/인마1.png" alt="인증마크"><p class="stence1">웹 접근성 품질인증</p></div>
<div class="m2"><img class="mi" src="사진/인마2.png" alt="인증마크"><p class="stence2">웹 트러스트 인증</p></div>
</ul>
<ul class="iconmark">
<div class="m3"><img class="icon" src="사진/fbm.png" alt="인증마크"></div>
<div class="m4"><img class="icon" src="사진/ism.png" alt="인증마크"></div>
<div class="m5"><img class="icon" src="사진/um.png" alt="인증마크"></div>
<div class="m6"><img class="icon" src="사진/idm.png" alt="인증마크"></div>
</ul>
</ul>
</div>
</body>
</html>