-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
363 lines (333 loc) · 21.8 KB
/
index.html
File metadata and controls
363 lines (333 loc) · 21.8 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
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>토스</title>
<script src="main.js" defer></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav class="nav" style="height: 60px">
<a class=navbar_logo href="http://127.0.0.1:3000/index.html">
<img class="navbar_logoImg" height="60px" src="static/img/tossLogo.png" alt=""></a>
<ul class="navbar_menu">
<li class="navbar_item"><a href="http://127.0.0.1:3000/index.html">회사 소개</a></li>
<li class="navbar_item"><a href="http://127.0.0.1:3000/index.html">공지 사항</a></li>
<li class="navbar_item"><a href="http://127.0.0.1:3000/index.html">고객센터</a></li>
<li class="navbar_item"><a href="http://127.0.0.1:3000/index.html">자주 묻는 질문</a></li>
<li class="navbar_item"><a href="http://127.0.0.1:3000/index.html">토스인증서</a></li>
<li class="navbar_item"><a href="http://127.0.0.1:3000/index.html">채용</a></li>
<div class="navbar_lang">
<li class="navbar_item"><a href="http://127.0.0.1:3000/index.html" style="color: #333d4b;">KOR</a></li>
<span style="color: #b0b8c1;">|</span>
<li class="navbar_item"><a href="http://127.0.0.1:3000/index.html" style="color: #b0b8c1;">ENG</a></li>
</div>
</ul>
</nav>
<main class="main">
<section class="home1_wrap">
<div class="home1_container_css">
<div class="home1_container1">
<div class="home1_content">
<div class="home1_text">
<h1>금융의 모든것<br>토스에서 쉽고 간편하게</h1>
</div>
<div class="home1_btn">
<a class="store_btn"
href="https://itunes.apple.com/kr/app/%ED%86%A0%EC%8A%A4/id839333328?mt=8"
rel="noreferrer noopener"><img
src="https://static.toss.im/png-icons/timeline/applekorea.png" height="24"
width="24" class="button__left">App Store</a>
<a class="store_btn"
href="https://play.google.com/store/apps/details?id=viva.republica.toss"
rel="noreferrer noopener"><img
src="https://static.toss.im/png-icons/timeline/googleplay.png" height="24"
width="24" class="button__left">Google Play</a>
</div>
</div>
<div class="home1_underBar">
</div>
</div>
</div>
<div class="home1_container2">
<p>내 모든 금융 내역을 한눈에 조회하고 한 곳에서 관리하세요.<br>이제껏 경험 못 했던 쉽고 편리한 금융 서비스,<br>토스와 함께라면 당신의 일상이 새로워질 거예요.</p>
</div>
</section>
<section class="home2_wrap">
<div class="home2_container">
<div class="home2_positionBox">
<div class="home2_head reveal">
<h1 class="home2_head1">홈 · 소비</h1>
<h2 class="home2_head2">내 돈 관리,<br>지출부터 일정까지<br>똑똑하게</h2>
</div>
<div class="home2_mainImg_left_box reveal">
<img src="static/img/phone_frame.png" class="home2_mainImg_shadow_left">
<img src="static/img/home2_main_left.png" class="home2_mainImg_left">
</div>
<div class="home2_mainImg_right_box reveal delay-250">
<img src="static/img/phone_frame.png" class="home2_mainImg_shadow_right">
<img src="static/img/home2_main_right.png" class="home2_mainImg_right">
</div>
<div class="home2_text reveal">
<p>토스에 계좌와 카드를 연결해 보세요.<br>계좌 잔액, 대출·투자 내역은 기본,<br>일자별 소비와 수입까지 한 번에 볼 수 있어요.</p>
</div>
</div>
</div>
</section>
<section class="home3_wrap">
<div class="home3_container">
<div class="home3_contentBox">
<div class="home3_head reveal">
<h1 class="home3_head1">송금</h1>
<h2 class="home3_head2">간편하고 안전하게<br>수수료는 평생무료로,<br>이런 송금 써보셨나요?</h2>
</div>
<div class="home3_main1 reveal">
<div class="home3_main1_textBox">
<p class="home3_main1_text1">평생 무료 송금</p>
<p class="home3_main1_text2">토스 평생 무료송금으로<br>모두의 금융에 자유를</p>
<p class="home3_main1_text3">누구에게 보내든 은행 상관없이,<br>이제 토스와 함께 수수료 걱정 없이 송금하세요</p>
</div>
<img src="static/img/home3_main1.png" class="home3_main1_img">
</div>
<div class="home3_main2 reveal">
<img src="static/img/home3_main2.png" class="home3_main2_img">
<div class="home3_main2_textBox">
<p class="home3_main2_text1">사기계좌 조회</p>
<p class="home3_main2_text2">송금 전 사기 내역 조회로<br> 피해를 미리 방지할 수 있어요</p>
<p class="home3_main2_text3">송금 전 토스가 알아서 사기 내역 조회를 해드려요.<br>상대방의 연락처 또는 계좌가 사기 계좌인지
조회해<br>안전하게 송금할 수 있어요.</p>
</div>
</div>
<div class="home3_main3 reveal">
<div class="home3_main3_text">
<p class="home3_main3_text1">자동이체 예약</p>
<p class="home3_main2_text2">은행 점검 시간,<br>기다릴 필요 없어요</p>
<p class="home3_main3_text3">은행 점검 시간에는 자동이체 예약을 이용해보세요.<br>점검 시간이 끝나면 토스가 알아서 송금해드릴게요.</p>
</div>
<img src="static/img/home3_main3.png" class="home3_main3_img">
</div>
</div>
</div>
</section>
<section class="home4_wrap">
<div class="home4_container">
<div class="home4_contentBox">
<div class="home4_head reveal">
<h1 class="home4_head1">대출</h1>
<h2 class="home4_head2">여러 은행의 조건을<br>1분 만에<br>확인해보세요</h2>
</div>
<div class="home4_imgBox reveal delay-500">
<img src="static/img/phone_frame.png" class="home4_imgCover">
<div class="home4_imgContainer">
<div class="home4_track">
<div class="home4_inner"><img src="static/img/home4_main1.png" class="home4_img1"></div>
<div class="home4_inner"><img src="static/img/home4_main3.png" class="home4_img3"></div>
<div class="home4_inner"><img src="static/img/home4_main4.png" class="home4_img4"></div>
</div>
</div>
</div>
<span class="home4_content1 reveal delay-1000">한도는 높게,</span>
<span class="home4_content2 reveal delay-1500">금리는 <span style="color:#8b95a1">낮게,</span></span>
<span class="home4_content3 reveal delay-2000">부담은 <span style="color:#d1d6db">적게.</span></span>
<p class="home4_content4 reveal">앉은 자리에서 여러 은행의 한도와 금리를 비교하고<br>내게 꼭 맞는 대출을 찾아보세요.<br>신용, 비상금, 대환, 주택 담보대출 모두 가능해요.</p>
</div>
</div>
</section>
<section class="home5_wrap">
<div class="home5_container">
<div class="home5_positionBox">
<div class="home5_head reveal">
<h1 class="home5_head1">신용</h1>
<h2 class="home5_head2">금융 생활의 첫 걸음,<br>신용점수를 미리<br>무료로 관리하세요</h2>
</div>
<div class="home5_contentBox">
<div class="home5_content1 reveal">
<img src="static/img/home5_main1.png" class="home5_content1_img">
<p class="home5_content1_head">내 신용점수</p>
<p class="home5_content1_text">언제 어디서든, 원할 때 간편하게<br>KCB, NICE 신용점수를 한 곳에서 확인할 수<br>있어요.</p>
</div>
<div class="home5_content2 reveal">
<img src="static/img/home5_main2.png" class="home5_content2_img">
<p class="home5_content2_head">신용점수 올리기</p>
<p class="home5_content2_text">통신비, 일반 납부내역 등의 서류를<br>토스에서 바로 제출해 신용점수를 올릴 수<br>있어요.</p>
</div>
<div class="home5_content3 reveal">
<img src="static/img/home5_main3.png" class="home5_content3_img">
<p class="home5_content3_head">신용관리 알림</p>
<p class="home5_content3_text">신용점수에 변동이 생기면 토스가 알람을 보내드려요.<br>나의 신용점수가 바뀔 때마다 바로 확인하세요.</p>
</div>
<div class="home5_content4 reveal">
<img src="static/img/home5_main4.png" class="home5_content4_img">
<p class="home5_content4_head">신용관리 팁</p>
<p class="home5_content4_text">신용점수 관리가 막막하다면?<br>신용관리 팁 콘텐츠를 한번 읽어보세요. </p>
</div>
</div>
</div>
</div>
</section>
<section class="home6_wrap">
<div class="home6_container">
<div class="home6_haedBox">
<div class="home6_head reveal">
<h1 class="home6_head1">투자</h1>
<h2 class="home6_head2">투자,<br>모두가 할 수 있도록</h2>
</div>
</div>
<div class="home6_main">
<div class="home6_imgBox reveal">
<img src="static/img/home6_main1.png" class="home6_img">
<img src="static/img/phone_frame.png" class="home6_imgCover">
</div>
<div class="home6_textBox1">
<p class="home6_text_right reveal delay-750">송금처럼 쉬운 구매 경험<br>그리고 투자 판단에<br>도움을 주는 콘텐츠까지</p>
</div>
<div class="home6_textBox2">
<p class="home6_text_left reveal delay-1000">이해하기 쉬운 용어<br>설명이 필요 없는<br>직관적인 화면 구성</p>
</div>
</div>
<div class="home6_footerBox">
<div class="home6_footer_container">
<p class="home6_footer_text">별도 앱 설치 없이 토스에서 바로,<br>토스증권으로 나만의 투자를 시작해 보세요.</p>
</div>
</div>
</div>
</section>
<section class="home7_wrap">
<div class="home7_imgBox reveal">
<img src="static/img/home7_main1.png" class="home7_img">
</div>
<div class="home7_textBox reveal">
<h1 class="home7_text1">사업도 토스와 함께</h1>
<p class="home7_text2">사업을 시작하셨나요?<br>사업의 시작부터 관리까지<br>이제 토스와 함께 하세요.</p>
</div>
<div class="home7_content_container">
<div class="home7_contentBox">
<div class="home7_content1 reveal">
<span class="home7_content1_head">토스결제</span>
<p class="home7_content1_text">합리적인 수수료,<br>간편한 결제 경험으로 비용은<br>절감하고 매출은 늘리세요.</p>
<a class="home7_content1_link">가맹점 문의하기</a>
</div>
<div class="home7_content2 reveal">
<span class="home7_content2_head">내 매출 장부</span>
<p class="home7_content2_text">내 매출 장부 따로 관리할 필요 없어요.<br>총 매출, 총 입금, 총 지출을 보기 쉽게<br>알려드려요.</p>
<a class="home7_content2_link">자세히 알아보기</a>
</div>
<div class="home7_content3 reveal">
<span class="home7_content3_head">토스페이먼츠</span>
<p class="home7_content3_text">시작하기 어려웠던 온라인 비즈니스,<br>온라인 결제 토스페이먼츠와<br>함께 해보세요.</p>
<a class="home7_content3_link">홈페이지 바로가기</a>
</div>
<div class="home7_content4 reveal">
<span class="home7_content4_head">토스플레이스</span>
<p class="home7_content4_text">포스·주문·결제 시스템까지<br>오프라인 매장을 위한<br>모든 것이 준비되어 있어요.</p>
<a class="home7_content4_link">홈페이지 바로가기</a>
</div>
</div>
</div>
</section>
<section class="home8_wrap">
<div class="home8_container">
<div class="home8_content">
<h1 class="home8_content_head">비지니스 고객<br>제보</h1>
<p class="home8_content_text">토스팀과 협업 중 불편을<br>느끼셨나요?<br>지금 바로 알려주세요.</p>
<a class="home8_content_link">접수하기</a>
</div>
<div class="home8_imgBox">
<img src="static/img/home8_main1.png" class="home8_img">
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="footer_container">
<div class="footer_siteBox">
<ul class="footer_site1">
<li class="footer_site1_1">서비스</li>
<li class="footer_site1_2"><a href="">공지사항</a></li>
<li class="footer_site1_3"><a href=""></a>자주 묻는 질문</li>
<li class="footer_site1_4"><a href=""></a>공동인증서 관리</li>
<li class="footer_site1_5"><a href=""></a>계정 일시잠금</li>
<li class="footer_site1_6"><a href=""></a>고객센터</li>
<li class="footer_site1_7"><a href=""></a>개인(신용)정보 이용/제공 내역 조회</li>
<li class="footer_site1_8"><a href=""></a>브랜드 리소스센터</li>
<li class="footer_site1_9"><a href=""></a>토스의 개인정보 보호</li>
<li class="footer_site1_10"><a href=""></a>토스유스카드</li>
<li class="footer_site1_11"><a href=""></a>앱인토스</li>
<li class="footer_site1_12"><a href=""></a>토스 카드라운지</li>
</ul>
<ul class="footer_site2">
<li class="footer_site2_1">회사</li>
<li class="footer_site2_2"><a href="">회사소개</a></li>
<li class="footer_site2_3"><a href=""></a>토스페이먼츠</li>
<li class="footer_site2_4"><a href=""></a>토스인슈어런스</li>
<li class="footer_site2_5"><a href=""></a>토스증권</li>
<li class="footer_site2_6"><a href=""></a>토스씨엑스</li>
<li class="footer_site2_7"><a href=""></a>토스뱅크</li>
<li class="footer_site2_8"><a href=""></a>토스플레이스</li>
<li class="footer_site2_9"><a href=""></a>토스모바일</li>
<li class="footer_site2_10"><a href=""></a>토스인컴</li>
<li class="footer_site2_11"><a href=""></a>채용</li>
<li class="footer_site2_12"><a href=""></a>기술블로그</li>
<li class="footer_site2_13"><a href=""></a>블로그</li>
<li class="footer_site2_14"><a href=""></a>공고</li>
</ul>
<ul class="footer_site3">
<li class="footer_site3_1">문의</li>
<li class="footer_site3_2"><a href="">사업 제휴</a></li>
<li class="footer_site3_3"><a href=""></a>토스쇼핑 입점문의</li>
<li class="footer_site3_4"><a href=""></a>광고 문의</li>
<li class="footer_site3_5"><a href=""></a>인증 사업 문의</li>
<li class="footer_site3_6"><a href=""></a>마케팅/PR</li>
<li class="footer_site3_7"><a href=""></a>IR</li>
</ul>
<ul class="footer_site4">
<li class="footer_site4_1">고객센터</li>
<li class="footer_site4_2"><a href="">전화: 1599-4905(24시간 연중무휴)</a></li>
<li class="footer_site4_3"><a href=""></a>이메일(고객전용):support@toss.im</li>
<li class="footer_site4_4"><a href=""></a>이메일(외부기관전용):safe@toss.im</li>
<li class="footer_site4_5"><a href=""></a>민원 접수</li>
</ul>
<ul class="footer_site5">
<li class="footer_site5_1">윤리경영</li>
<li class="footer_site5_2"><a href="">상담/</a></li>
<li class="footer_site5_3"><a href="">신고</a></li>
</ul>
</div>
<address class="footer_address">
<strong class="footer_address_head">㈜비바리퍼블리카</strong>
사업자 등록번호 : 120-88-01280 | 대표 : 이승건
호스팅 서비스 : 주식회사 비바리퍼블리카 | 통신판매업 신고번호 : 2014-서울강남-03377 사업자정보확인
06236 서울특별시 강남구 테헤란로 142, 4층, 10층, 11층, 12층, 13층, 22층, 23층 (역삼동, 아크플레이스)
고객센터 : 서울특별시 강남구 테헤란로 133, 9층 (역삼동, 한국타이어빌딩)
</address>
<ul class="footer_etc">
<li class="footer_etc1"><a href="">서비스 이용약관</a></li>
<li class="footer_etc2"><a href="">통합 금융정보 서비스 약관</a></li>
<li class="footer_etc3"><a href=""></a>마이데이터 서비스 이용약관</li>
<li class="footer_etc4"><a href="">이용자의 권리 및 유의사항</a></li>
<li class="footer_etc5"><a href="">개인정보 처리방침</a></li>
<li class="footer_etc6"><a href="">채용탐 개인정보 처리방침</a></li>
<li class="footer_etc7"><a href="">어드민 서비스 개인정보 처리방침</a></li>
<li class="footer_etc8"><a href="">고정형 영상정보처리기기 운영 관리 방침</a></li>
<li class="footer_etc9"><a href="">위치기반서비스 이용약관</a></li>
<li class="footer_etc10"><a href="">가맹점 고지사항</a></li>
<li class="footer_etc11"><a href="">토스 전자서명인증업무준칙</a></li>
<li class="footer_etc12"><a href="">토스 전자인증서비스 약관</a></li>
<li class="footer_etc13"><a href="">금융소비자보호</a></li>
<li class="footer_etc14"><a href="">토스비지니스 개인정보 처리방침</a></li>
<li class="footer_etc15"><a href="">퀵계좌이체 개인정보 처리방침</a></li>
</ul>
<ul class="end">
<li class="end_li1"><a href="" class="end_a1"><img src="static/img/tossim.png" alt=""
class="end_tossim"></a></li>
<li class="end_li2"><a href="" class="end_a2"><img src="static/img/naver.png" alt=""
class="end_naver"></a></li>
<li class="end_li3"><a href="" class="end_a3"><img src="static/img/x.png" alt="" class="end_x"></a></li>
<li class="end_li4"><a href="" class="end_a4"><img src="static/img/instagram.png" alt=""
class="end_instagram"></a></li>
</ul>
</div>
</footer>
</body>
</html>