-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
160 lines (122 loc) · 4.93 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Syrup Wallet</title>
<link rel="stylesheet" href="css/wallet.css">
<!-- 공통CSS -->
<link rel="stylesheet" href="css/top.css">
<link rel="stylesheet" href="css/down.css">
<!-- 파비콘 -->
<link rel="SHORTCUT ICON" href="images/favicon.png">
</head>
<body>
<!-- 상단메뉴 -->
<div id="wrap_header">
<div id="header">
<ul>
<li><a href="syrup.html"><img src="images/logo.jpg"></a></li>
<li><a href="about.html">About Syrup</a></li>
<li><a href="wallet.html">Syrup Wallet</a></li>
<li><a href="brand.html">Familly Brand</a></li>
<li><a href="media.html">Media</a></li>
<li><a href="event.html">Event</a></li>
<li><a href="partnership.html">Partnership</a></li>
</ul>
</div>
</div>
<!-- 공통상단영역 끝 -->
<!-- 월렛 시작영역 -->
<div id="wallet_section1">
<h2>
<span>Syrup Wallet</span><br>
초달달 혜택 생활의 시작
</h2>
<p class="txt">금융 자산도, 혜택 생활도! 시럽 월렛에서 한번에 관리해보세요.</p>
<p class="won1"></p>
<p class="won2"></p>
</div>
<!-- app_btn -->
<div id="app_btn">
<p><a href="#a"><img src="images/app_btn1.png"> Google Play</a></p>
<p><a href="#a"><img src="images/app_btn2.png"> App Store</a></p>
<p><a href="#a"><img src="images/app_btn3.png"></a></p>
</div>
<!-- wallet_section2 -->
<div id="wallet_section2">
<p class="img1"><img src="images/wallet_section2_img1.jpg"></p>
<h3>
자산관리에 혜택까지,<br>
초달달 혜택 금융 생활의 시작
</h3>
<p class="txt">Syrup 월렛에서 카드, 은행, 증권, 보험 등 내 자산을 한 눈에 확인해보세요.</p>
<p class="img2"><img src="images/wallet_section2_img2.jpg"></p>
</div>
<!-- wallet_section3 -->
<div id="wallet_section3">
<h3>
멤버십과 쿠폰으로<br>
빈틈없이 챙기는 알찬 혜택
</h3>
<p class="txt">
멤버십을 편리하게 관리하고 쿠폰과 티켓까지 한 눈에 확인해 보세요<br>
꼭 필요한 혜택으로 가득찬 Syrup 월렛에서 매일 매일 편리하게 혜택을 챙기세요
</p>
<p class="btn"><img src="images/wallet_won_btn.jpg"> 커피값 3,000원 세이브</p>
<p class="img1"><img src="images/section4_bg1.jpg"></p>
<p class="img2"><img src="images/section4_bg2.jpg"></p>
</div>
<!-- wallet_section4 -->
<div id="wallet_section4">
<marquee scrollamount="20" behavior="alternate" onmouseover="stop()" onmouseout="start()" onclick="alert('쿠폰이 발급되었습니다.')">
<img src="images/wallet_down_banner1.jpg">
<img src="images/wallet_down_banner2.jpg">
<img src="images/wallet_down_banner3.jpg">
<img src="images/wallet_down_banner4.jpg">
<img src="images/wallet_down_banner5.jpg">
<img src="images/wallet_down_banner6.jpg">
</marquee>
</div>
<!-- wallet_section5 -->
<div id="wallet_section5">
<h2>
똑똑한 지갑, 시럽월렛<br>
지금 경험해 보세요.
</h2>
<p class="bg1"><img src="images/wallet_down_bg.jpg"></p>
<p class="bg2"></p>
</div>
<!-- 공통하단영역 -->
<!-- 카피라이트 -->
<div id="wrap_footer">
<div id="footer">
<ul class="icon">
<li><a href="#a"></a></li>
<li><a href="#a"></a></li>
<li><a href="#a"></a></li>
</ul>
<p class="logo"><a href="#"><img src="images/down_logo.jpg"></a></p>
<p class="line"></p>
<ul class="menu1">
<li><a href="#a">Syrup Wallet공지</a></li>
<li class="line"></li>
<li><a href="#a">자주찾는 질문</a></li>
<li class="line"></li>
<li><a href="#a">고객문의</a></li>
<li class="line"></li>
<li><a href="#a">제휴문의</a></li>
</ul>
<ul class="menu2">
<li><a href="#a">이용약관</a></li>
<li class="line"></li>
<li><a href="#a">개인정보취급방침</a></li>
<li class="line"></li>
<li><a href="#a">위치기반서비스이용약관</a></li>
</ul>
<p class="txt">copyright © 2020 by sk parnet all right reserved.</p>
<p class="sk"><img src="images/down_sk_logo.jpg"></p>
</div>
</div>
</body>
</html>