myscript/frame.html at main · cskch99/myscript · GitHub

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
<div style="width: 1088px; height: 4324px; position: relative; background: white">
  <img style="width: 788px; height: 471px; left: 150px; top: 890px; position: absolute" src="https://via.placeholder.com/788x471" />
  <div style="width: 109px; height: 130px; left: 416px; top: 1061px; position: absolute; background: white"></div>
  <div style="width: 241px; height: 241px; left: 780px; top: 3057px; position: absolute">
    <div style="width: 241px; height: 241px; left: 0px; top: 0px; position: absolute; background: #D9D9D9; border-radius: 9999px"></div>
    <img style="width: 321.12px; height: 241px; left: -40.06px; top: -0px; position: absolute" src="https://via.placeholder.com/321x241" />
  </div>
  <div style="left: 24px; top: 43px; position: absolute; opacity: 0.50; color: black; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">EN / 繁 / 簡</div>
  <div style="left: 835px; top: 43px; position: absolute; opacity: 0.50; color: black; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">Follow Us</div>
  <div style="left: 955px; top: 43px; position: absolute; opacity: 0.50; color: black; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">to get latest offers!</div>
  <div style="width: 16px; height: 16px; left: 906px; top: 43px; position: absolute; background: rgba(0, 0, 0, 0)">
    <div style="width: 14.01px; height: 14px; left: 1px; top: 0.99px; position: absolute; background: #808080"></div>
  </div>
  <div style="width: 16px; height: 16px; left: 929.12px; top: 43px; position: absolute; background: rgba(0, 0, 0, 0)">
    <div style="width: 8.57px; height: 16px; left: 3.72px; top: 0px; position: absolute; background: #808080"></div>
  </div>
  <img style="width: 507.07px; height: 787.44px; left: 557.13px; top: 13px; position: absolute; transform: rotate(69.20deg); transform-origin: 0 0" src="https://via.placeholder.com/507x787" />
  <div style="left: 664px; top: 343px; position: absolute; color: #877750; font-size: 28px; font-family: Proxima Nova; font-weight: 700; text-transform: uppercase; word-wrap: break-word">Beyond Shopper Concept</div>
  <div style="left: 395px; top: 2387px; position: absolute; color: #877750; font-size: 28px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Channels to Earn K Dollar</div>
  <div style="left: 578px; top: 3825px; position: absolute; color: #877750; font-size: 28px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Express & Seamless</div>
  <div style="left: 665px; top: 212px; position: absolute; color: #877750; font-size: 48px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">SHOP to EARN</div>
  <div style="width: 704px; left: 201px; top: 2323px; position: absolute; text-align: center; color: #877750; font-size: 54px; font-family: Proxima Nova; font-weight: 700; line-height: 54px; word-wrap: break-word">Easy Earn More K Dollar</div>
  <div style="left: 664px; top: 268px; position: absolute; color: #877750; font-size: 48px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">with K DOLLAR</div>
  <div style="width: 459px; left: 578px; top: 3761px; position: absolute; color: #877750; font-size: 54px; font-family: Proxima Nova; font-weight: 700; line-height: 54px; word-wrap: break-word">Easy Earn & Burn</div>
  <div style="width: 300px; height: 136px; left: 51px; top: 3418px; position: absolute; text-align: center; color: black; font-size: 16px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">We often provide you with promotions and discounts of cooperative brands, so that you can enjoy the best discounts without paying a price, and enjoy K Dollar rewards!</div>
  <div style="width: 329px; height: 136px; left: 392px; top: 3412px; position: absolute; text-align: center; color: black; font-size: 16px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">Participate in our tasks and games and you can even earn K Dollar for free!</div>
  <div style="width: 238px; height: 136px; left: 782px; top: 3460px; position: absolute; text-align: center; color: black; font-size: 16px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">How to make good use of credit card points without a plan? Convert to K Dollar and spend as much as you like!</div>
  <div style="left: 109px; top: 2873px; position: absolute; text-align: center; color: #877750; font-size: 20px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Earning in Shopping</div>
  <div style="left: 71px; top: 3379px; position: absolute; text-align: center; color: #877750; font-size: 20px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Spending smart, save & earn</div>
  <div style="left: 56px; top: 3329px; position: absolute; text-align: center; color: #877750; font-size: 36px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Offers & Coupons</div>
  <div style="left: 455px; top: 3379px; position: absolute; text-align: center; color: #877750; font-size: 20px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Earn K Dollar for Free1</div>
  <div style="left: 753px; top: 3426px; position: absolute; text-align: center; color: #877750; font-size: 20px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Make bank points more valuable</div>
  <div style="left: 422px; top: 3329px; position: absolute; text-align: center; color: #877750; font-size: 36px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Missions to Earn</div>
  <div style="width: 456px; left: 673px; top: 3329px; position: absolute; text-align: center; color: #877750; font-size: 36px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Better Use
  Your Card Points</div>
  <div style="width: 383px; height: 136px; left: 665px; top: 396px; position: absolute; color: black; font-size: 16px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">K Dollar is a loyalty reward program started by K11, New World Development and Chow Tai Fook. You can earn K Dollar when you spend at our designated locations and use as instant cash for future purchases. As simple as that.</div>
  <div style="width: 720px; height: 136px; left: 191px; top: 817px; position: absolute; color: black; font-size: 16px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">You can earn 1 K Dollar for every HK$250 dollars spent at K Dollar participating merchants which can be used as Instant cash discountfor future purchases
  More K Dollars can be earned during promotion periods</div>
  <div style="width: 680px; height: 136px; left: 221px; top: 2439px; position: absolute; text-align: center; color: black; font-size: 16px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">Simply present your K Dollar Program membership QR code to merchants upon checkout in order to instantly register your spending and earn K Dollar!</div>
  <div style="width: 459px; height: 136px; left: 578px; top: 3879px; position: absolute; color: black; font-size: 16px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">To use your K Dollar, input the amount you want to spend (at least 10 K Dollars and up per transaction), then present the QR code to merchants at checkout.</div>
  <div style="width: 300px; height: 136px; left: 51px; top: 2908px; position: absolute; text-align: center; color: black; font-size: 16px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">You can automatically earn K Dollar by spending on more than 7,000 brands in Hong Kong and Mainland China</div>
  <div style="width: 329px; height: 136px; left: 392px; top: 2908px; position: absolute; text-align: center; color: black; font-size: 16px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">Join K11, New World CLUB, D Park and other memberships to earn more K Dollars</div>
  <div style="width: 238px; height: 136px; left: 782px; top: 2908px; position: absolute; text-align: center; color: black; font-size: 16px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">When you spend money on your important days and special occasions, the K Dollar you can earn will increase by percentage or even multiples.</div>
  <div style="width: 241px; height: 241px; left: 80px; top: 3049px; position: absolute">
    <div style="width: 241px; height: 241px; left: 0px; top: 0px; position: absolute; background: #D9D9D9; border-radius: 179.50px"></div>
    <img style="width: 282.42px; height: 282.42px; left: -24.48px; top: -22.59px; position: absolute" src="https://via.placeholder.com/282x282" />
  </div>
  <div style="left: 96px; top: 2818px; position: absolute; text-align: center; color: #877750; font-size: 36px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Shop to Earn</div>
  <div style="left: 408px; top: 2873px; position: absolute; text-align: center; color: #877750; font-size: 20px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">More Membership More Benefits</div>
  <div style="left: 779px; top: 2873px; position: absolute; text-align: center; color: #877750; font-size: 20px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Enrich your important days</div>
  <div style="left: 459px; top: 2818px; position: absolute; text-align: center; color: #877750; font-size: 36px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Join to Earn</div>
  <div style="width: 456px; left: 673px; top: 2818px; position: absolute; text-align: center; color: #877750; font-size: 36px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Multiply Earning</div>
  <img style="width: 700px; height: 471px; left: -71px; top: 149px; position: absolute" src="https://via.placeholder.com/700x471" />
  <div style="left: 676px; top: 1041px; position: absolute; text-align: center; color: #877750; font-size: 32px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Earn</div>
  <div style="left: 520px; top: 1178px; position: absolute; color: black; font-size: 16px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">From eligible merchants</div>
  <div style="width: 81px; height: 97px; left: 564px; top: 1084px; position: absolute">
    <div style="left: 48px; top: 0px; position: absolute; color: black; font-size: 80px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">1</div>
    <div style="width: 40px; height: 40px; left: 0px; top: 36px; position: absolute">
      <div style="width: 40px; height: 40px; left: 0px; top: 0px; position: absolute; background: linear-gradient(146deg, #877750 0%, #403826 100%); border-radius: 9999px"></div>
      <div style="width: 14.41px; height: 15.50px; left: 12.88px; top: 12.50px; position: absolute; background: white; border-radius: 2px"></div>
    </div>
  </div>
  <div style="width: 1088px; height: 164px; left: 0px; top: 4160px; position: absolute">
    <div style="width: 1088px; height: 164px; left: 0px; top: 0px; position: absolute; background: #282829"></div>
    <div style="width: 361px; height: 52px; left: 703px; top: 28px; position: absolute">
      <div style="width: 176px; height: 52px; left: 0px; top: 0px; position: absolute; background: #877750; border-radius: 25px"></div>
      <div style="width: 176px; height: 52px; left: 185px; top: 0px; position: absolute; background: #877750; border-radius: 25px"></div>
      <div style="left: 62px; top: 8px; position: absolute; color: white; font-size: 12px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Download for</div>
      <div style="left: 61px; top: 21px; position: absolute; color: white; font-size: 20px; font-family: Proxima Nova; font-weight: 600; word-wrap: break-word">AppStore</div>
      <div style="left: 237px; top: 8px; position: absolute; color: white; font-size: 12px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Download for</div>
      <div style="left: 236px; top: 21px; position: absolute; color: white; font-size: 20px; font-family: Proxima Nova; font-weight: 600; word-wrap: break-word">GooglePlay</div>
      <div style="width: 24px; height: 23px; left: 20px; top: 15px; position: absolute; background: white"></div>
      <div style="width: 23px; height: 24px; left: 204px; top: 15px; position: absolute; background: white"></div>
    </div>
    <div style="width: 1088px; height: 60px; left: 0px; top: 104px; position: absolute; background: #141414"></div>
    <div style="left: 740px; top: 132px; position: absolute; color: #FCFCFC; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">Copyright 2023 K Dollar Program. All rights reserved.</div>
    <div style="left: 23px; top: 132px; position: absolute; color: #FCFCFC; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">Become Our Partner   |   Terms of Use   |   Privacy   |   Policy  |   Contact Us</div>
    <div style="width: 139.77px; height: 40px; left: 23px; top: 33px; position: absolute">
      <div style="width: 40px; height: 40px; left: 0px; top: 0px; position: absolute; background: linear-gradient(146deg, #877750 0%, #403826 100%); border-radius: 9999px"></div>
      <div style="width: 14.41px; height: 15.50px; left: 12.88px; top: 12.50px; position: absolute; background: white; border-radius: 2px"></div>
      <div style="left: 45.77px; top: 14px; position: absolute; color: #877750; font-size: 22px; font-family: Gotham Medium; font-weight: 500; line-height: 16px; word-wrap: break-word">DOLLAR</div>
    </div>
    <div style="left: 342px; top: 46px; position: absolute; color: white; font-size: 20px; font-family: Gotham Book; font-weight: 400; line-height: 16px; word-wrap: break-word">Start Pay & Earn Now!</div>
  </div>
  <div style="width: 241px; height: 241px; left: 80px; top: 2537px; position: absolute">
    <div style="width: 241px; height: 241px; left: 0px; top: 0px; position: absolute; background: #D9D9D9; border-radius: 179.50px"></div>
    <img style="width: 282.42px; height: 282.42px; left: -24.48px; top: -22.59px; position: absolute" src="https://via.placeholder.com/282x282" />
  </div>
  <div style="width: 241px; height: 241px; left: 436px; top: 2545px; position: absolute">
    <div style="width: 241px; height: 241px; left: 0px; top: 0px; position: absolute; background: #D9D9D9; border-radius: 179.50px"></div>
    <div style="width: 241px; height: 241px; left: 0px; top: 0px; position: absolute; background: #F5E6E7"></div>
    <img style="width: 190.16px; height: 242.88px; left: 33.89px; top: 11.30px; position: absolute" src="https://via.placeholder.com/190x243" />
  </div>
  <div style="left: 271px; top: 1041px; position: absolute; text-align: center; color: #877750; font-size: 32px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Spend</div>
  <div style="width: 907px; left: 123px; top: 1415px; position: absolute; text-align: center; color: #877750; font-size: 54px; font-family: Proxima Nova; font-weight: 700; line-height: 54px; word-wrap: break-word">Spending at 10,000+ Merchants</div>
  <div style="width: 196px; height: 97px; left: 219px; top: 1084px; position: absolute">
    <div style="left: 0px; top: 51px; position: absolute; color: black; font-size: 24px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">HK$</div>
    <div style="left: 49px; top: 0px; position: absolute; color: black; font-size: 80px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">250</div>
  </div>
  <div style="left: 233px; top: 1178px; position: absolute; color: black; font-size: 16px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">From eligible merchants</div>
  <div style="left: 772px; top: 1135px; position: absolute; color: black; font-size: 24px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">HK$</div>
  <div style="left: 812px; top: 1084px; position: absolute; color: black; font-size: 80px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">1</div>
  <div style="width: 164px; left: 726px; top: 1178px; position: absolute; text-align: center; color: black; font-size: 16px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">On next purchase in eligible merchants</div>
  <div style="width: 886px; left: 111px; top: 1539px; position: absolute; text-align: center; color: black; font-size: 16px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">•	You can earn and burn in over 10,000 outlets in Hong Kong and Mainland
  <br/>•	Covers 12 categories spanning across retail, hospitality, healthcare and many more<br/>•	Increasing number of external brands are joining the program on top of 	New World Group and Chow Tai Fook</div>
  <div style="left: 377px; top: 1483px; position: absolute; color: #877750; font-size: 28px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Your Every Part of Life Included</div>
  <div style="left: 412px; top: 767px; position: absolute; color: #877750; font-size: 28px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Easy & Convenience</div>
  <div style="left: 407px; top: 702px; position: absolute; text-align: center; color: #877750; font-size: 48px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Earn K Dollar</div>
  <div style="width: 56.50px; height: 45px; left: 453px; top: 1107px; position: absolute; background: #877750"></div>
  <div style="width: 37px; height: 20px; left: 689px; top: 1121px; position: absolute">
    <div style="width: 37px; height: 5px; left: 0px; top: 0px; position: absolute; background: #877750"></div>
    <div style="width: 37px; height: 5px; left: 0px; top: 15px; position: absolute; background: #877750"></div>
  </div>
  <img style="width: 338px; height: 341px; left: 50px; top: 3663px; position: absolute" src="https://via.placeholder.com/338x341" />
  <div style="width: 240px; height: 240px; left: 436px; top: 3046px; position: absolute">
    <div style="width: 240px; height: 240px; left: 0px; top: 0px; position: absolute; background: #D9D9D9; border-radius: 9999px"></div>
    <img style="width: 471px; height: 264px; left: -116px; top: -12px; position: absolute" src="https://via.placeholder.com/471x264" />
  </div>
  <div style="width: 240px; height: 240px; left: 781px; top: 2548px; position: absolute">
    <div style="width: 240px; height: 240px; left: 0px; top: 0px; position: absolute; background: #D9D9D9; border-radius: 9999px"></div>
    <img style="width: 369px; height: 245px; left: -65px; top: -3px; position: absolute" src="https://via.placeholder.com/369x245" />
  </div>
  <div style="width: 139.77px; height: 40px; left: 483px; top: 31px; position: absolute">
    <div style="width: 40px; height: 40px; left: 0px; top: 0px; position: absolute; background: linear-gradient(146deg, #877750 0%, #403826 100%); border-radius: 9999px"></div>
    <div style="width: 14.41px; height: 15.50px; left: 12.88px; top: 12.50px; position: absolute; background: white; border-radius: 2px"></div>
    <div style="left: 45.77px; top: 14px; position: absolute; color: #877750; font-size: 22px; font-family: Gotham Medium; font-weight: 500; line-height: 16px; word-wrap: break-word">DOLLAR</div>
  </div>
  <div style="width: 820px; padding-left: 20px; padding-right: 20px; left: 154px; top: 1642px; position: absolute; justify-content: center; align-items: flex-start; gap: 30px; display: inline-flex">
    <div style="width: 104px; height: 153px; position: relative">
      <div style="left: 21px; top: 136px; position: absolute; text-align: center; color: black; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">K11 Musea</div>
      <div style="left: 36px; top: 116px; position: absolute; text-align: center; color: #877750; font-size: 12px; font-family: Proxima Nova; font-weight: 700; text-transform: uppercase; word-wrap: break-word">Bank</div>
      <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid">
        <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; background: white; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid"></div>
        <img style="width: 55.71px; height: 36.21px; left: 24.14px; top: 32.50px; position: absolute" src="https://via.placeholder.com/56x36" />
      </div>
    </div>
    <div style="width: 104px; height: 153px; position: relative">
      <div style="width: 61px; height: 37px; left: 24px; top: 116px; position: absolute">
        <div style="left: 22px; top: 20px; position: absolute; text-align: center; color: black; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">K11</div>
        <div style="left: 0px; top: 0px; position: absolute; text-align: center; color: #877750; font-size: 12px; font-family: Proxima Nova; font-weight: 700; text-transform: uppercase; word-wrap: break-word">Shopping</div>
      </div>
      <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid">
        <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; background: white; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid"></div>
        <img style="width: 59.43px; height: 34.47px; left: 23.21px; top: 36.21px; position: absolute" src="https://via.placeholder.com/59x34" />
      </div>
    </div>
    <div style="width: 104px; height: 153px; position: relative">
      <div style="width: 91px; height: 37px; left: 7px; top: 116px; position: absolute">
        <div style="left: 0px; top: 20px; position: absolute; text-align: center; color: black; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">Chow Tai Fook</div>
        <div style="left: 14px; top: 0px; position: absolute; text-align: center; color: #877750; font-size: 12px; font-family: Proxima Nova; font-weight: 700; text-transform: uppercase; word-wrap: break-word">Shopping</div>
      </div>
      <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid">
        <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; background: white; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid"></div>
        <img style="width: 66.86px; height: 38.33px; left: 18.57px; top: 34.36px; position: absolute" src="https://via.placeholder.com/67x38" />
      </div>
    </div>
    <div style="width: 104px; height: 153px; position: relative">
      <div style="left: 23px; top: 136px; position: absolute; text-align: center; color: black; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">Humansa</div>
      <div style="left: 21px; top: 116px; position: absolute; text-align: center; color: #877750; font-size: 12px; font-family: Proxima Nova; font-weight: 700; text-transform: uppercase; word-wrap: break-word">Wellness</div>
      <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; border-radius: 16px; border: 1px #EEEEED solid">
        <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; background: #BBBE89; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid"></div>
        <img style="width: 78px; height: 33.57px; left: 12.07px; top: 36.21px; position: absolute" src="https://via.placeholder.com/78x34" />
      </div>
    </div>
    <div style="width: 104px; height: 153px; position: relative">
      <div style="left: 13px; top: 136px; position: absolute; text-align: center; color: black; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">HK Ticketing</div>
      <div style="left: 3px; top: 116px; position: absolute; text-align: center; color: #877750; font-size: 12px; font-family: Proxima Nova; font-weight: 700; text-transform: uppercase; word-wrap: break-word">Entertainment</div>
      <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid">
        <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; background: white; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid"></div>
        <img style="width: 66.86px; height: 48.17px; left: 18.57px; top: 26px; position: absolute" src="https://via.placeholder.com/67x48" />
      </div>
    </div>
  </div>
  <div style="width: 820px; padding-left: 20px; padding-right: 20px; left: 143px; top: 1817px; position: absolute; justify-content: flex-start; align-items: flex-start; gap: 30px; display: inline-flex">
    <div style="width: 104px; height: 153px; position: relative">
      <div style="left: 31px; top: 136px; position: absolute; text-align: center; color: black; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">Adidas</div>
      <div style="left: 32px; top: 116px; position: absolute; text-align: center; color: #877750; font-size: 12px; font-family: Proxima Nova; font-weight: 700; text-transform: uppercase; word-wrap: break-word">Sport</div>
      <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid">
        <img style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; background: linear-gradient(0deg, white 0%, white 100%); border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid" src="https://via.placeholder.com/104x104" />
      </div>
    </div>
    <div style="width: 104px; height: 170px; position: relative">
      <div style="left: 18px; top: 136px; position: absolute; text-align: center; color: black; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">Summer
      New World</div>
      <div style="left: 32px; top: 116px; position: absolute; text-align: center; color: #877750; font-size: 12px; font-family: Proxima Nova; font-weight: 700; text-transform: uppercase; word-wrap: break-word">Event</div>
      <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid">
        <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; background: white; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid"></div>
        <img style="width: 78px; height: 61.69px; left: 13px; top: 20.43px; position: absolute" src="https://via.placeholder.com/78x62" />
        <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute">
          <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; background: white; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid"></div>
          <div style="width: 146.43px; height: 123.96px; left: -23.21px; top: -15.32px; position: absolute">
            <img style="width: 128.24px; height: 73.65px; left: 13.10px; top: 25.41px; position: absolute" src="https://via.placeholder.com/128x74" />
            <div style="width: 88.63px; height: 45.40px; left: 40.60px; top: 1.39px; position: absolute; background: #F9F9F9"></div>
            <div style="width: 96.70px; height: 24.68px; left: 44.63px; top: 96.43px; position: absolute; background: #F9F9F9"></div>
            <div style="width: 127.44px; height: 61.78px; left: 0px; top: 57.93px; position: absolute; background: #F9F9F9"></div>
            <div style="width: 128.97px; height: 26.49px; left: 17.46px; top: 97.47px; position: absolute; background: #E5E8EF"></div>
            <div style="width: 127.44px; height: 30.28px; left: 0px; top: 89.43px; position: absolute; background: #C5DADF"></div>
            <div style="width: 84.67px; height: 32.50px; left: 5.11px; top: 0px; position: absolute; background: #E5E8EF"></div>
            <div style="width: 10.21px; height: 13.93px; left: 122.57px; top: 73.82px; position: absolute; background: #F9F9F9"></div>
          </div>
          <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; border-radius: 16px; border: 1px #EEEEED solid"></div>
        </div>
      </div>
    </div>
    <div style="width: 104px; height: 153px; position: relative">
      <div style="left: 40px; top: 136px; position: absolute; text-align: center; color: black; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">759</div>
      <div style="left: 21px; top: 116px; position: absolute; text-align: center; color: #877750; font-size: 12px; font-family: Proxima Nova; font-weight: 700; text-transform: uppercase; word-wrap: break-word">Shopping</div>
      <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid">
        <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; background: white; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid"></div>
        <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute">
          <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; background: white; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid"></div>
          <img style="width: 164px; height: 94px; left: -28px; top: 5px; position: absolute" src="https://via.placeholder.com/164x94" />
          <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; border-radius: 16px; border: 1px #EEEEED solid"></div>
        </div>
      </div>
    </div>
    <div style="width: 104px; height: 153px; position: relative">
      <div style="left: 27px; top: 136px; position: absolute; text-align: center; color: black; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">Pricerite</div>
      <div style="left: 23px; top: 116px; position: absolute; text-align: center; color: #877750; font-size: 12px; font-family: Proxima Nova; font-weight: 700; text-transform: uppercase; word-wrap: break-word">Lifestyle</div>
      <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid">
        <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; background: white; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid"></div>
        <img style="width: 94px; height: 61px; left: 5px; top: 20px; position: absolute" src="https://via.placeholder.com/94x61" />
      </div>
    </div>
    <div style="width: 105px; height: 153px; position: relative">
      <div style="left: 6px; top: 136px; position: absolute; text-align: center; color: black; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">Emperor Bakery</div>
      <div style="left: 24px; top: 116px; position: absolute; text-align: center; color: #877750; font-size: 12px; font-family: Proxima Nova; font-weight: 700; text-transform: uppercase; word-wrap: break-word">Shopping</div>
      <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid">
        <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; background: white; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid"></div>
        <img style="width: 92px; height: 65px; left: 7px; top: 21px; position: absolute" src="https://via.placeholder.com/92x65" />
      </div>
    </div>
    <div style="width: 105px; height: 170px; position: relative">
      <div style="width: 105px; left: 0px; top: 136px; position: absolute; text-align: center; color: black; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">The Baker & The Bottleman</div>
      <div style="left: 13px; top: 116px; position: absolute; text-align: center; color: #877750; font-size: 12px; font-family: Proxima Nova; font-weight: 700; text-transform: uppercase; word-wrap: break-word">Restaurant</div>
      <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; background: linear-gradient(0deg,  0%,  100%); border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid; background-image: url(https://via.placeholder.com/104x104)">
        <img style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; background: linear-gradient(0deg, white 0%, white 100%); border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid" src="https://via.placeholder.com/104x104" />
      </div>
    </div>
  </div>
  <div style="width: 820px; padding-left: 20px; padding-right: 20px; left: 143px; top: 2008px; position: absolute; justify-content: center; align-items: flex-start; gap: 30px; display: inline-flex">
    <div style="width: 104px; height: 153px; position: relative">
      <div style="left: 10px; top: 136px; position: absolute; text-align: center; color: black; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">Pacific Coffee</div>
      <div style="left: 30px; top: 116px; position: absolute; text-align: center; color: #877750; font-size: 12px; font-family: Proxima Nova; font-weight: 700; text-transform: uppercase; word-wrap: break-word">Dining</div>
      <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; border-radius: 16px; border: 1px #EEEEED solid">
        <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; background: white; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid"></div>
        <img style="width: 78px; height: 72px; left: 12px; top: 17px; position: absolute" src="https://via.placeholder.com/78x72" />
      </div>
    </div>
    <div style="width: 104px; height: 153px; position: relative">
      <div style="left: 28px; top: 136px; position: absolute; text-align: center; color: black; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">Sau Tao</div>
      <div style="left: 21px; top: 116px; position: absolute; text-align: center; color: #877750; font-size: 12px; font-family: Proxima Nova; font-weight: 700; text-transform: uppercase; word-wrap: break-word">Shopping</div>
      <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid">
        <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; background: white; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid"></div>
        <img style="width: 76px; height: 54px; left: 14px; top: 23px; position: absolute" src="https://via.placeholder.com/76x54" />
      </div>
    </div>
    <div style="width: 104px; height: 153px; position: relative">
      <div style="left: 3px; top: 136px; position: absolute; text-align: center; color: black; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">W HONG KONG</div>
      <div style="left: 32px; top: 116px; position: absolute; text-align: center; color: #877750; font-size: 12px; font-family: Proxima Nova; font-weight: 700; text-transform: uppercase; word-wrap: break-word">Hotel</div>
      <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid">
        <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; background: white; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid"></div>
        <img style="width: 84px; height: 54px; left: 11px; top: 28px; position: absolute" src="https://via.placeholder.com/84x54" />
      </div>
    </div>
    <div style="width: 104px; height: 104px; position: relative; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid">
      <div style="width: 104px; height: 153px; left: 0px; top: 0px; position: absolute">
        <div style="left: 17px; top: 136px; position: absolute; text-align: center; color: black; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">Marco Polo</div>
        <div style="left: 32px; top: 116px; position: absolute; text-align: center; color: #877750; font-size: 12px; font-family: Proxima Nova; font-weight: 700; text-transform: uppercase; word-wrap: break-word">Hotel</div>
        <img style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; background: linear-gradient(0deg, white 0%, white 100%); border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid" src="https://via.placeholder.com/104x104" />
      </div>
    </div>
    <div style="width: 104px; height: 153px; position: relative">
      <div style="left: 31px; top: 136px; position: absolute; text-align: center; color: black; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">Venchi</div>
      <div style="left: 21px; top: 116px; position: absolute; text-align: center; color: #877750; font-size: 12px; font-family: Proxima Nova; font-weight: 700; text-transform: uppercase; word-wrap: break-word">Shopping</div>
      <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid">
        <div style="width: 104px; height: 104px; left: 0px; top: 0px; position: absolute; background: white; border-radius: 16px; border: 1px rgba(51, 48, 44, 0.10) solid"></div>
        <img style="width: 80px; height: 36px; left: 12px; top: 32px; position: absolute" src="https://via.placeholder.com/80x36" />
      </div>
    </div>
  </div>
  <div style="padding-left: 32px; padding-right: 32px; padding-top: 16px; padding-bottom: 16px; left: 448px; top: 2199px; position: absolute; border-radius: 38px; border: 1px #877750 solid; justify-content: center; align-items: center; gap: 10px; display: inline-flex">
    <div style="color: #877750; font-size: 14px; font-family: Proxima Nova; font-weight: 700; text-transform: uppercase; word-wrap: break-word">More Merchants</div>
  </div>
  <img style="width: 149px; height: 166px; left: 32px; top: 2076px; position: absolute" src="https://via.placeholder.com/149x166" />
  <img style="width: 65px; height: 61px; left: 84px; top: 1662px; position: absolute" src="https://via.placeholder.com/65x61" />
  <img style="width: 47px; height: 47px; left: 24px; top: 1876px; position: absolute" src="https://via.placeholder.com/47x47" />
  <img style="width: 24px; height: 25px; left: 106px; top: 1982px; position: absolute" src="https://via.placeholder.com/24x25" />
  <img style="width: 69px; height: 66px; left: 930px; top: 1693px; position: absolute" src="https://via.placeholder.com/69x66" />
  <img style="width: 94px; height: 84px; left: 970px; top: 1843px; position: absolute" src="https://via.placeholder.com/94x84" />
  <img style="width: 31px; height: 32px; left: 930px; top: 2002px; position: absolute" src="https://via.placeholder.com/31x32" />
  <img style="width: 75px; height: 81px; left: 968px; top: 2081px; position: absolute" src="https://via.placeholder.com/75x81" />
  <div style="width: 351px; height: 80px; left: 664px; top: 524px; position: absolute; background: #F3F2ED; border-radius: 32px"></div>
  <div style="left: 747px; top: 570px; position: absolute; color: #A89F8A; font-size: 14px; font-family: Gotham Medium; font-weight: 500; line-height: 16px; word-wrap: break-word">Start Pay & Earn Now!</div>
  <div style="left: 747px; top: 547px; position: absolute; color: #877750; font-size: 20px; font-family: Gotham Medium; font-weight: 500; line-height: 16px; word-wrap: break-word">K Dollar App</div>
  <div style="width: 56px; height: 56px; left: 677px; top: -495px; position: absolute; border-radius: 3.50px">
    <div style="width: 56px; height: 56px; left: 0px; top: 0px; position: absolute; background: #877750; border-radius: 21px"></div>
    <div style="width: 42px; height: 45.50px; left: 17.50px; top: 14px; position: absolute; background: linear-gradient(139deg, rgba(0, 0, 0, 0.20) 48%, rgba(0, 0, 0, 0) 100%)"></div>
    <div style="width: 23.58px; height: 28px; left: 17.50px; top: 14px; position: absolute; background: white"></div>
  </div>
  <div style="width: 90px; height: 28.44px; left: 908px; top: 367.67px; position: absolute; background: #887851; border-radius: 25px"></div>
  <div style="width: 59px; height: 12.87px; left: 924px; top: 375.12px; position: absolute; color: white; font-size: 16px; font-family: Proxima Nova; font-weight: 600; word-wrap: break-word">Get App</div>
</div>