-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
448 lines (435 loc) · 30.6 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
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
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>SocietyPass – SoPa | Society Pass App</title>
<link rel="apple-touch-icon" sizes="144x144" href="assets/img/apple-touch-icon.png"/>
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32x32.png"/>
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png"/>
<link rel="mask-icon" href="assets/img/safari-pinned-tab.svg" color="#5bbad5"/>
<link rel="manifest" href="assets/img/site.webmanifest" />
<meta name="theme-color" content="#ffffff" />
<script src="//polyfill.io/v3/polyfill.min.js?features=default"></script>
<link rel="preconnect" href="//fonts.googleapis.com" />
<link rel="preconnect" href="//fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,800&display=swap" rel="stylesheet">
<link href="https://cdn.materialdesignicons.com/2.0.46/css/materialdesignicons.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="assets/css/main.css" id="main_style" />
<link rel="stylesheet" href="assets/css/index.css" id="main_style" />
</head>
<body>
<!--Main menu-->
<div class="menu">
<div class="container menu__wrapper">
<div class="row">
<div class="menu__logo menu__item">
<a href="/">
<img src="assets/img/sopa-logo-color.png" height="48" alt="SocietyPass Logo">
</a>
</div>
<div class="menu__item">
<nav class="menu__right-nav d-l-none">
<ul>
<li>
<a
href="#download"
class="site-btn site-btn--accent"
>Get the App</a
>
</li>
<li>
<div class="menu__dropdown d-t-none">
<a
class="link link--gray menu__dropdown-btn"
>En
<span
><i
class="mdi mdi-chevron-down"
></i
></span>
</a>
<div class="menu__dropdown-content">
<a
class="link link--gray link--gray-active"
href="#"
>En</a
>
<a class="link link--gray" href="#"
>Id</a
>
<!-- <a class="link link--gray" href="#"
>Vn</a
>
<a class="link link--gray" href="#"
>Th</a
> -->
</div>
</div>
</li>
</ul>
</nav>
<div class="d-none d-t-block">
<button type="button" class="menu__mobile-button">
<span
><i
class="mdi mdi-menu"
aria-hidden="true"
></i
></span>
</button>
</div>
</div>
</div>
</div>
</div>
<!--Main menu-->
<!--Mobile menu-->
<div class="mobile-menu d-none d-t-block">
<div class="container">
<div class="mobile-menu__logo">
<img src="assets/img/sopa-logo-color.png" height="48" alt="SocietyPass Logo">
</div>
<button type="button" class="mobile-menu__close">
<span
><i class="mdi mdi-close" aria-hidden="true"></i
></span>
</button>
<nav class="mobile-menu__wrapper">
<ul class="mobile-menu__ul">
<li class="mobile-menu__li">
<a
href="#download"
class="site-btn site-btn--accent"
>Get the App</a
>
</li>
<li class="mobile-menu__li mobile-menu__li-collapse">
<a class="link link--dark-gray"
>En
<span><i class="mdi mdi-chevron-down"></i></span
></a>
</li>
<li class="mobile-menu__ul--collapsed">
<ul class="mobile-menu__ul">
<li class="mobile-menu__li">
<a href="" class="link link--gray link--gray-active">En</a>
</li>
<li class="mobile-menu__li">
<a href="" class="link link--gray">Id</a>
</li>
<!-- <li class="mobile-menu__li">
<a href="" class="link link--gray">Vn</a>
</li>
<li class="mobile-menu__li">
<a href="" class="link link--gray">Th</a>
</li> -->
</ul>
</li>
</ul>
</nav>
</div>
</div>
<!--Mobile menu-->
<!--Header-->
<header class="header-home">
<div
class="container background background--right background--header background--mobile"
style="background-image: url('assets/img/img_background.png')"
>
<div class="row">
<div class="col-12">
<h2 class="header-home__title">
Society Pass App that makes your life easier
</h2>
<p class="header-home__description">
Open loop loyalty platform to create permanent customer loyalty, generate revenues for merchants, and replace cash discounting.
</p>
<div class="header-home__btns header-home__btns-mobile">
<a
href="#download"
class="site-btn site-btn--accent header-home__btn"
>Download Now</a
>
<a
href="#features"
class="site-btn site-btn--light header-home__btn"
>Explore Features</a
>
</div>
</div>
</div>
</div>
</header>
<!--Header-->
<!--Features-->
<section class="section">
<div class="container">
<div class="row">
<div class="col-12">
<h3 class="section__title">
The only app you’ll need to power your life.
</h3>
</div>
</div>
<div class="row features">
<div class="col-2 col-m-4 col-l-6">
<a href="javascript:void(0)">
<div class="features__card card">
<!--We use svg-tag for using color-switcher of preview. And svg help you easy change color for your
web-site. But you can replace svg tag to img like this:
<img alt="" class="features__img" src="assets/img/img_feature_1.png" alt="">-->
<img src="assets/img/icons/loyalty.png" alt="">
<p class="features__title">Loyalty</p>
</div>
</a>
</div>
<div class="col-2 col-m-4 col-l-6">
<a href="javascript:void(0)">
<div class="features__card card">
<img src="assets/img/icons/lifestyle.png" alt="">
<p class="features__title">Lifestyle</p>
</div>
</a>
</div>
<div class="col-2 col-m-4 col-l-6">
<a href="javascript:void(0)">
<div class="features__card card">
<img src="assets/img/icons/fnb.png" alt="">
<p class="features__title">Food & Beverage</p>
</div>
</a>
</div>
<div class="col-2 col-m-4 col-l-6">
<a href="javascript:void(0)">
<div class="features__card card">
<img src="assets/img/icons/telecoms.png" alt="">
<p class="features__title">Telecoms</p>
</div>
</a>
</div>
<div class="col-2 col-m-4 col-l-6">
<a href="javascript:void(0)">
<div class="features__card card">
<img src="assets/img/icons/digital.png" alt="">
<p class="features__title">Digital Media</p>
</div>
</a>
</div>
<div class="col-2 col-m-4 col-l-6">
<a href="javascript:void(0)">
<div class="features__card card">
<img src="assets/img/icons/travel.png" alt="">
<p class="features__title">Travel</p>
</div>
</a>
</div>
</div>
<hr />
</div>
</section>
<!--Features-->
<!--Video-->
<section class="section">
<div class="container">
<div class="row">
<div class="col-12">
<h3 class="section__title">
Explore App of The Next Generation Digital Ecosystem.<br />
Watch the video.
</h3>
</div>
</div>
<div class="row video">
<div class="col-offset-1 col-10 col-t-12">
<div class="video__video" data-video="_DHPmGeXa-k">
<div class="video__play">
<img src="assets/img/img_play_btn.png" alt="" />
</div>
<div class="embed-responsive">
<div class="embed-responsive-item"></div>
</div>
</div>
<!--<div class="video__wrap">-->
<!--<video class="video__content" controls="controls">-->
<!--<source src="assets/video/somethingmorev2mp4.mp4">-->
<!--</video>-->
<!--</div>-->
</div>
</div>
<hr />
</div>
</section>
<!--Video-->
<!--What is-->
<section class="section" id="features">
<div class="container">
<div class="row">
<div class="col-12">
<h3 class="section__title">What is Society Pass loyalty platform?</h3>
<p class="section__description">
Society Pass offers an universal, open loop loyalty platform to create permanent customer loyalty, generate revenues for merchants, and replace cash discounting.
</p>
</div>
</div>
<div class="row about-app">
<div class="col-6 about-app__description">
<div
class="about-app__description-content about-app__description-content--left"
>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="51px" height="49px">
<path fill-rule="evenodd" fill="rgb(13, 116, 241)"
d="M47.931,16.437 L33.655,15.205 L28.081,2.155 C27.078,-0.220 23.657,-0.220 22.654,2.155 L17.079,15.235 L2.833,16.437 C0.238,16.642 -0.824,19.868 1.152,21.569 L11.977,30.895 L8.732,44.737 C8.142,47.259 10.885,49.253 13.127,47.904 L25.367,40.572 L37.608,47.933 C39.849,49.282 42.592,47.288 42.002,44.766 L38.758,30.895 L49.583,21.569 C51.559,19.868 50.526,16.642 47.931,16.437 ZM25.367,35.088 L14.277,41.745 L17.227,29.194 L7.434,20.748 L20.353,19.633 L25.367,7.815 L30.411,19.663 L43.330,20.777 L33.537,29.223 L36.487,41.775 L25.367,35.088 Z"/>
</svg>
<h4 class="about-app__description-title">Society Points</h4>
<p>
Earn/Redeem Society Points at ANY MERCHANT in ANY COUNTRY on SoPa ecosystem and pay for goods/services in-store or online, app or via website
</p>
</div>
</div>
<div class="col-6 about-app__img">
<div class="about-app__img-wrap">
<img alt="" src="assets/img/img_ui_1.png" />
</div>
</div>
</div>
<div class="row about-app about-app--reverse">
<div class="col-6 about-app__description">
<div class="about-app__description-content">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="50px" height="47px">
<path fill-rule="evenodd" fill="rgb(13, 116, 241)"
d="M44.390,10.563 L39.113,10.563 C39.379,9.813 39.549,8.990 39.549,8.142 C39.549,4.124 36.305,0.880 32.286,0.880 C29.744,0.880 27.542,2.187 26.234,4.148 L25.024,5.770 L23.814,4.124 C22.506,2.187 20.304,0.880 17.762,0.880 C13.743,0.880 10.500,4.124 10.500,8.142 C10.500,8.990 10.669,9.813 10.935,10.563 L5.658,10.563 C2.971,10.563 0.841,12.718 0.841,15.405 L0.817,42.033 C0.817,44.720 2.971,46.874 5.658,46.874 L44.390,46.874 C47.077,46.874 49.231,44.720 49.231,42.033 L49.231,15.405 C49.231,12.718 47.077,10.563 44.390,10.563 ZM32.286,5.722 C33.618,5.722 34.707,6.811 34.707,8.142 C34.707,9.474 33.618,10.563 32.286,10.563 C30.955,10.563 29.866,9.474 29.866,8.142 C29.866,6.811 30.955,5.722 32.286,5.722 ZM17.762,5.722 C19.093,5.722 20.183,6.811 20.183,8.142 C20.183,9.474 19.093,10.563 17.762,10.563 C16.430,10.563 15.341,9.474 15.341,8.142 C15.341,6.811 16.430,5.722 17.762,5.722 ZM44.390,42.033 L5.658,42.033 L5.658,37.191 L44.390,37.191 L44.390,42.033 ZM44.390,29.929 L5.658,29.929 L5.658,17.825 C5.658,16.494 6.747,15.405 8.079,15.405 L17.955,15.405 L14.373,20.295 C13.574,21.384 13.816,22.909 14.905,23.684 C15.970,24.458 17.496,24.216 18.270,23.151 L25.024,13.952 L31.778,23.151 C32.553,24.216 34.078,24.458 35.143,23.684 C36.232,22.909 36.474,21.384 35.675,20.295 L32.093,15.405 L41.969,15.405 C43.301,15.405 44.390,16.494 44.390,17.825 L44.390,29.929 Z"/>
</svg>
<h4 class="about-app__description-title">Redeem Society Points</h4>
<p>
Redeem Society Points for other good/services
</p>
</div>
</div>
<div class="col-6 about-app__img about-app__img--left">
<div class="about-app__img-wrap">
<img alt="" src="assets/img/img_ui_2.png" />
</div>
</div>
</div>
<div class="row about-app">
<div class="col-6 about-app__description">
<div
class="about-app__description-content about-app__description-content--left"
>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="49px" height="88px"
>
<path fill-rule="evenodd" fill="rgb(13, 116, 241)"
d="M48.811,82.923 C47.855,86.419 45.880,87.940 42.279,87.942 C38.799,87.945 35.318,87.943 31.837,87.943 C23.624,87.943 15.411,87.951 7.198,87.938 C4.007,87.933 1.813,86.176 1.075,83.102 C1.048,82.990 0.974,82.889 0.922,82.784 C0.922,58.313 0.922,33.842 0.922,9.372 C0.980,9.201 1.053,9.033 1.095,8.857 C1.731,6.209 3.681,4.472 6.397,4.152 C6.729,4.113 7.067,4.111 7.402,4.110 C9.471,4.107 11.540,4.109 13.809,4.109 C11.765,6.916 10.752,9.915 10.819,13.377 C9.450,13.377 8.119,13.376 6.789,13.377 C6.362,13.377 5.933,13.362 5.508,13.390 C4.555,13.452 3.925,14.029 3.787,14.977 C3.734,15.336 3.741,15.706 3.741,16.071 C3.739,36.050 3.739,56.029 3.739,76.008 C3.740,78.187 4.270,78.723 6.423,78.723 C18.786,78.723 31.148,78.723 43.510,78.722 C45.537,78.722 46.103,78.151 46.103,76.100 C46.104,56.060 46.104,36.020 46.103,15.981 C46.103,13.904 45.577,13.378 43.511,13.377 C42.052,13.376 40.594,13.377 39.048,13.377 C39.053,9.989 38.147,6.950 35.998,4.109 C36.619,4.109 37.057,4.109 37.496,4.109 C39.114,4.109 40.732,4.107 42.350,4.109 C45.849,4.113 47.914,5.723 48.797,9.128 C48.820,9.214 48.879,9.291 48.921,9.372 C48.921,33.842 48.921,58.313 48.921,82.784 C48.883,82.830 48.825,82.870 48.811,82.923 ZM29.075,82.124 C26.278,82.124 23.528,82.124 20.750,82.124 C20.750,82.825 20.750,83.460 20.750,84.189 C23.565,84.189 26.315,84.189 29.075,84.189 C29.075,83.466 29.075,82.810 29.075,82.124 ZM37.274,61.841 C39.131,61.845 40.293,63.038 40.311,64.878 C40.326,66.310 40.326,67.743 40.312,69.175 C40.294,71.007 39.119,72.197 37.268,72.204 C33.089,72.222 28.911,72.210 24.732,72.211 C20.706,72.211 16.680,72.215 12.654,72.210 C10.374,72.207 9.311,71.137 9.304,68.850 C9.300,67.509 9.287,66.167 9.309,64.827 C9.339,63.017 10.479,61.846 12.295,61.843 C20.621,61.826 28.948,61.826 37.274,61.841 ZM11.502,65.490 C11.501,66.557 11.500,67.625 11.503,68.693 C11.506,69.940 11.572,70.008 12.782,70.014 C13.514,70.017 14.247,70.014 14.980,70.014 C22.246,70.014 29.513,70.015 36.779,70.013 C38.048,70.013 38.114,69.942 38.116,68.651 C38.118,67.583 38.117,66.515 38.116,65.448 C38.115,64.109 38.043,64.032 36.737,64.031 C32.768,64.029 28.799,64.031 24.830,64.031 C20.861,64.031 16.892,64.030 12.923,64.031 C11.551,64.032 11.504,64.082 11.502,65.490 ZM15.694,65.539 C16.556,65.521 17.221,66.155 17.233,67.006 C17.244,67.855 16.588,68.516 15.736,68.515 C14.917,68.514 14.281,67.906 14.249,67.092 C14.215,66.229 14.841,65.557 15.694,65.539 ZM21.753,65.539 C22.615,65.528 23.273,66.168 23.277,67.020 C23.281,67.867 22.618,68.523 21.766,68.515 C20.948,68.507 20.319,67.893 20.293,67.077 C20.266,66.213 20.895,65.550 21.753,65.539 ZM27.865,65.542 C28.719,65.561 29.355,66.236 29.321,67.086 C29.288,67.928 28.595,68.555 27.744,68.514 C26.932,68.475 26.336,67.836 26.342,67.011 C26.348,66.150 26.1000,65.522 27.865,65.542 ZM33.872,65.540 C34.731,65.544 35.380,66.199 35.367,67.050 C35.355,67.894 34.677,68.538 33.825,68.515 C32.975,68.493 32.347,67.813 32.382,66.956 C32.415,66.138 33.049,65.536 33.872,65.540 ZM14.625,36.092 C14.773,36.087 14.920,36.063 15.179,36.037 C15.179,35.171 15.186,34.326 15.178,33.482 C15.160,31.625 15.948,30.221 17.627,29.429 C19.349,28.618 20.952,28.968 22.386,30.184 C23.199,30.875 24.014,31.563 24.920,32.330 C25.729,31.648 26.548,30.981 27.340,30.284 C28.775,29.020 30.387,28.597 32.160,29.403 C33.928,30.207 34.707,31.677 34.667,33.603 C34.650,34.391 34.664,35.179 34.664,36.023 C38.278,36.382 38.871,37.041 38.871,40.564 C38.871,44.834 38.874,49.105 38.869,53.375 C38.866,55.675 37.671,56.902 35.389,56.905 C28.399,56.916 21.409,56.917 14.419,56.905 C12.187,56.901 10.976,55.665 10.973,53.434 C10.967,48.889 10.970,44.344 10.972,39.799 C10.973,37.235 12.024,36.171 14.625,36.092 ZM31.316,31.425 C30.453,30.999 29.659,31.196 28.946,31.803 C28.157,32.475 27.374,33.155 26.576,33.817 C25.451,34.749 24.391,34.750 23.278,33.823 C22.435,33.121 21.612,32.393 20.761,31.701 C20.089,31.154 19.325,31.031 18.537,31.418 C17.793,31.784 17.389,32.401 17.384,33.246 C17.377,34.155 17.382,35.065 17.382,36.038 C22.473,36.038 27.430,36.038 32.465,36.038 C32.465,35.137 32.453,34.289 32.468,33.442 C32.485,32.534 32.138,31.831 31.316,31.425 ZM36.621,39.161 C36.601,38.855 36.077,38.344 35.772,38.335 C33.404,38.266 31.032,38.297 28.599,38.297 C28.599,40.068 28.599,41.721 28.599,43.381 C31.310,43.381 33.946,43.381 36.662,43.381 C36.662,41.942 36.714,40.546 36.621,39.161 ZM28.601,45.683 C28.601,46.600 28.601,47.460 28.601,48.318 C31.317,48.318 33.957,48.318 36.634,48.318 C36.634,47.422 36.634,46.581 36.634,45.683 C33.888,45.683 31.248,45.683 28.601,45.683 ZM28.587,54.697 C31.023,54.697 33.397,54.712 35.771,54.685 C36.327,54.679 36.664,54.323 36.666,53.732 C36.671,52.727 36.668,51.721 36.668,50.644 C33.901,50.644 31.239,50.644 28.587,50.644 C28.587,52.018 28.587,53.317 28.587,54.697 ZM25.312,54.731 C26.100,54.752 26.353,54.555 26.346,53.726 C26.305,48.884 26.327,44.042 26.324,39.201 C26.324,38.933 26.297,38.665 26.280,38.366 C25.303,38.366 24.439,38.366 23.515,38.366 C23.515,38.772 23.515,39.103 23.515,39.435 C23.515,43.942 23.515,48.449 23.515,52.955 C23.515,54.721 23.516,54.682 25.312,54.731 ZM21.265,38.300 C18.817,38.300 16.418,38.273 14.022,38.336 C13.736,38.344 13.239,38.829 13.222,39.115 C13.138,40.528 13.184,41.948 13.184,43.356 C15.953,43.356 18.612,43.356 21.265,43.356 C21.265,41.649 21.265,40.016 21.265,38.300 ZM21.242,45.681 C18.528,45.681 15.889,45.681 13.210,45.681 C13.210,46.575 13.210,47.416 13.210,48.320 C15.949,48.320 18.589,48.320 21.242,48.320 C21.242,47.406 21.242,46.547 21.242,45.681 ZM14.297,54.708 C15.396,54.717 16.494,54.712 17.593,54.713 C18.806,54.713 20.018,54.713 21.241,54.713 C21.241,53.269 21.241,51.948 21.241,50.600 C18.549,50.600 15.931,50.600 13.171,50.600 C13.171,51.652 13.182,52.623 13.167,53.593 C13.156,54.373 13.568,54.702 14.297,54.708 ZM24.857,24.719 C18.388,24.702 13.020,19.327 13.019,12.865 C13.017,6.249 18.334,0.929 24.940,0.937 C31.503,0.945 36.815,6.254 36.821,12.811 C36.827,19.380 31.445,24.737 24.857,24.719 ZM24.902,3.135 C19.515,3.161 15.210,7.494 15.218,12.884 C15.225,18.167 19.617,22.519 24.943,22.519 C30.281,22.520 34.651,18.110 34.624,12.749 C34.597,7.429 30.229,3.109 24.902,3.135 ZM29.717,12.270 C27.997,13.175 27.594,14.385 28.459,16.145 C28.786,16.811 28.220,17.456 27.286,17.435 C27.052,17.284 26.641,17.041 26.254,16.765 C24.949,15.833 24.897,15.829 23.627,16.742 C23.355,16.937 23.098,17.217 22.795,17.288 C22.449,17.369 21.959,17.387 21.716,17.197 C21.473,17.007 21.258,16.428 21.375,16.189 C22.248,14.419 21.880,13.144 20.089,12.239 C19.856,12.121 19.674,11.498 19.777,11.226 C19.898,10.909 20.397,10.474 20.664,10.517 C22.659,10.836 23.679,9.986 24.025,8.061 C24.073,7.794 24.609,7.422 24.895,7.442 C25.234,7.466 25.779,7.820 25.832,8.105 C26.179,9.994 27.178,10.823 29.133,10.513 C29.412,10.468 29.947,10.879 30.047,11.183 C30.148,11.489 29.968,12.138 29.717,12.270 Z"/>
</svg>
<h4 class="about-app__description-title">
Redeem digital offers in-store and online, app or via website
</h4>
<!-- <p>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Pellentesque placerat eros ac
finibus congue. Integer consectetur, lorem nec
accumsan commodo, sem mauris pharetra arcu, id
viverra eros ipsum ac lorem. Suspendisse
potenti. Vestibulum aliquam blandit scelerisque.
Aliquam hendrerit vestibulum lorem non placerat.
Etiam at diam id erat tincidunt ullamcorper.
</p> -->
<!-- <a
href="#"
class="site-btn site-btn--accent about-app__btn"
>Redeem Now</a
> -->
</div>
</div>
<div class="col-6 about-app__img">
<div class="about-app__img-wrap">
<img alt="" src="assets/img/img_ui_3.png" />
</div>
</div>
</div>
<div class="row about-app about-app--reverse">
<div class="col-6 about-app__description">
<div class="about-app__description-content">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="48px" height="49px"
>
<path fill-rule="evenodd" fill="rgb(13, 116, 241)"
d="M23.998,0.973 C10.745,0.974 0.002,11.718 0.002,24.971 C0.003,38.224 10.747,48.968 24.001,48.967 C37.253,48.967 47.997,38.223 47.997,24.970 C47.996,11.717 37.252,0.973 23.998,0.973 ZM23.998,8.148 C28.382,8.148 31.936,11.701 31.937,16.085 C31.938,20.469 28.384,24.023 24.001,24.023 C19.617,24.024 16.063,20.471 16.062,16.087 C16.062,16.087 16.062,16.086 16.062,16.086 C16.062,11.703 19.615,8.150 23.998,8.149 L23.998,8.148 ZM23.993,42.693 C19.788,42.698 15.720,41.198 12.525,38.464 C11.772,37.822 11.338,36.882 11.338,35.893 C11.339,31.472 14.924,27.889 19.345,27.890 C19.357,27.890 19.369,27.890 19.382,27.890 L28.618,27.890 C33.033,27.869 36.628,31.431 36.649,35.846 C36.649,35.861 36.649,35.877 36.649,35.893 C36.650,36.882 36.216,37.821 35.464,38.462 C32.269,41.197 28.200,42.698 23.993,42.693 Z"/>
</svg>
<h4 class="about-app__description-title">
Society Pass Profiles
</h4>
<p>
Register, login, view/update profiles, view Society Point balance/transaction history, receive promotions and notifications.
</p>
</div>
</div>
<div class="col-6 about-app__img about-app__img--left">
<div class="about-app__img-wrap">
<img alt="" src="assets/img/img_ui_4_2.png" />
</div>
</div>
</div>
</div>
</section>
<!--What is-->
<!--Download-->
<section class="section section--light section--last" id="download">
<div class="container download">
<div class="row">
<div class="col-12">
<h3 class="download__title">Download Society Pass App Today</h3>
<h3>and makes your life easier</h3>
</div>
</div>
<div class="row download__btns">
<div class="col-6">
<a class="site-btn site-btn--download site-btn--right download__btn-first" href="https://play.google.com/store/apps/details?id=com.sopa.mconsumer&pli=1" target="_blank">
<img src="assets/img/1024px-Google_Play_Store_badge_EN-2.svg" alt="playstore">
</a>
</div>
<div class="col-6">
<a class="site-btn site-btn--download site-btn--left" href="https://apps.apple.com/app/sopa-loyalty-app/id1491163859" target="_blank">
<img src="assets/img/8-2.svg" alt="playstore">
</a>
</div>
</div>
</div>
<img
alt=""
class="section__img"
src="assets/img/img_backgroud_footer.png"
/>
</section>
<!--Download-->
<!--Footer-->
<div class="footer">
<div class="container">
<div class="row">
<div class="col-12">
<p></p>
</div>
</div>
</div>
</div>
<!--Footer-->
<script src="assets/js/vendor/jquery-2.2.4.min.js"></script>
<script src="assets/js/vendor/jquery.waypoints.js"></script>
<script src="assets/js/menu.js"></script>
<script src="assets/js/mobile-menu.js"></script>
<script src="assets/js/video.js"></script>
</body>
</html>