-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·589 lines (580 loc) · 28.1 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
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>
if (window.location.hostname !== 'localhost') {
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TSMLTPT');
}
</script>
<!-- End Google Tag Manager -->
<title>Maybank FC Barcelona | Dominic Arrojado</title>
<meta charset="utf-8" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="expires" content="-1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="fragment" content="!" />
<meta name="distribution" content="global" />
<meta name="rating" content="general" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
<link rel="icon" href="https://dominicarrojado.com/favicon.ico" />
<meta
name="description"
content="Introducing a first-class card in partnership with a world-class club. Enjoy exclusive privileges, lifestyle rewards and rebates throughout the year."
/>
<link
rel="canonical"
href="https://dominicarrojado.com/maybank-fc-barcelona-website/"
/>
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta
property="og:title"
content="Maybank FC Barcelona | Dominic Arrojado"
/>
<meta
property="og:description"
content="Introducing a first-class card in partnership with a world-class club. Enjoy exclusive privileges, lifestyle rewards and rebates throughout the year."
/>
<meta
property="og:url"
content="https://dominicarrojado.com/maybank-fc-barcelona-website/"
/>
<meta
property="og:site_name"
content="Dominic Arrojado"
/>
<meta
property="og:image"
content="https://dominicarrojado.com/maybank-fc-barcelona-website/images/screenshot.png"
/>
<meta
property="og:image:secure_url"
content="https://dominicarrojado.com/maybank-fc-barcelona-website/images/screenshot.png"
/>
<meta property="og:image:width" content="1440" />
<meta property="og:image:height" content="900" />
<meta name="twitter:card" content="summary_large_image" />
<meta
name="twitter:description"
content="Introducing a first-class card in partnership with a world-class club. Enjoy exclusive privileges, lifestyle rewards and rebates throughout the year."
/>
<meta
name="twitter:title"
content="Maybank FC Barcelona | Dominic Arrojado"
/>
<meta
name="twitter:image"
content="https://dominicarrojado.com/maybank-fc-barcelona-website/images/screenshot.png"
/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body class="text-white" data-spy="scroll" data-target="#headerMenu" data-offset="71">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TSMLTPT"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="homeMain" style="background-image: url('images/home-banner.jpg');" class="page-banner-home page-banner-full d-flex py-3 px-1 bg-cover bg-black">
<div class="container m-auto text-center">
<div class="px-5">
<img src="images/logo-maybank-fc-barcelona.png" alt="Maybank FC Barcelona Official Bank in Malaysia and Singapore" class="img-fluid">
</div>
<h1 class="font-weight-bold">
<span>Welcome to the world of</span>
Maybank and FC Barcelona
<span>World-class club. First-class rewards. One card.</span>
</h1>
<div class="mb-5">
<button onclick="scrollToElement(event, '#headerMain', false)" class="btn-maybank">
Find out more
</button>
</div>
</div>
</div>
<aside id="mobileSidebar" class="mobile-sidebar select-none">
<div class="wrapper bg-yellow">
<button onclick="MobileSidebar.hide()" class="btn-close">
×
</button>
<div class="menu list-unstyled">
<a onclick="scrollToElement(event, '#homeMain', true)">
Home
</a>
<a onclick="scrollToElement(event, '#homeCard', true)">
About the card
</a>
<a onclick="scrollToElement(event, '#homePromotions', true)">
Promotions
</a>
<a onclick="scrollToElement(event, '#homeBenefits', true)">
Other details
</a>
<a onclick="scrollToElement(event, '#homeTimeline', true)">
About FC Barcelona
</a>
</div>
</div>
</aside>
<header id="headerMain" class="header-main px-2 px-sm-3 bg-yellow">
<div class="wrapper clearfix">
<a onclick="scrollToElement(event, '#homeMain', true)" class="logo float-left">
<img class="img-fluid" src="images/logo-maybank.jpg" alt="Maybank FC Barcelona logo">
</a>
<div id="headerMenu" class="menu list-group list-unstyled d-none d-lg-block float-right">
<a onclick="scrollToElement(event, '#homeCard', true)" href="#homeCard" class="list-group-item">
About the card
</a>
<a onclick="scrollToElement(event, '#homePromotions', true)" href="#homePromotions" class="list-group-item">
Promotions
</a>
<a onclick="scrollToElement(event, '#homeBenefits', true)" href="#homeBenefits" class="list-group-item">
Other details
</a>
<a onclick="scrollToElement(event, '#homeTimeline', true)" href="#homeTimeline" class="list-group-item">
About FC Barcelona
</a>
</div>
<div class="d-lg-none float-right">
<button onclick="MobileSidebar.show()" class="sidebar-toggle">
<span></span>
<span></span>
<span></span>
</button>
</div>
</div>
</header>
<div style="background-image: url('images/home-bg-main.jpg');" class="home-main px-3 py-5 bg-black">
<div id="homeCard" class="home-card home-panel container pt-4 pt-sm-5 pb-5 px-0">
<h2 class="mx-auto mb-3 mb-lg-5 text-yellow font-weight-bold text-uppercase text-center">
Maybank FC Barcelona Visa Signature Card
</h2>
<div class="row">
<div class="col-lg-6 col-xl-7 py-3">
<p class="intro mb-5 text-lg-justify">
Introducing a first-class card in partnership with a world-class club. Enjoy exclusive privileges, lifestyle rewards and rebates throughout the year.
</p>
<div class="row">
<div class="col-md-6 col-lg-12 col-xl-5">
<div class="d-flex mb-3">
<div class="mr-3">
<img src="images/home-key-info-1.png" alt="Unlimited 1.6% Cash Rebate">
</div>
<div class="my-auto">
for all local
transactions
<br />
(no cap and no minimum spend)
</div>
</div>
<div class="d-flex mb-3">
<div class="mr-3">
<img src="images/home-key-info-2.png" alt="2X Treats Points">
</div>
<div class="my-auto">
for all foreign
<br class="d-none d-xl-inline">
transactions
</div>
</div>
<div class="d-flex mb-3">
<div class="mr-3">
<img src="images/home-key-info-3.png" alt="Trip for 2">
</div>
<div class="my-auto">
Stand a chance to win a trip for 2 to watch FC Barcelona LIVE every football season*
</div>
</div>
</div>
<div class="col-md-6 col-lg-12 col-xl-7">
<div class="d-flex mb-3">
<div class="mr-3">
<img src="images/home-key-info-4.png" alt="10% Discount">
</div>
<div class="fc-store my-auto">
on the FC Barcelona Official Online Store Asia Pacific
<br />
<small>
(<a href="https://www.fcbarcelonastoreasia.com" target="_blank">www.fcbarcelonastoreasia.com</a>)
</small>
</div>
</div>
<div class="d-flex mb-3">
<div class="mr-3">
<img src="images/home-key-info-5.png" alt="5% Discount">
</div>
<div class="my-auto">
in FCBotiga official
<br class="d-none d-lg-inline" />
store in Camp Nou
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-xl-5 d-flex">
<div class="m-auto text-center">
<div class="mb-5">
<img src="images/home-maybank-fc-barcelona-card.jpg" alt="Maybank FC Barcelona Visa Signature Card" class="img-fluid">
</div>
<div>
<a href="" class="btn-maybank">
Apply now
</a>
</div>
</div>
</div>
</div>
</div>
<div id="homePromotions" class="home-promotions home-panel container py-4 py-lg-5">
<h2 class="home-panel-title mx-auto py-3 py-lg-4 text-yellow font-weight-bold text-center">
Promotions
</h2>
<div class="promo-item py-4 py-sm-5 row flex-row-reverse">
<div class="col-lg-5 px-0 text-center">
<img src="images/home-fc-barcelona-football-stadium.jpg" alt="FC Barcelona football stadium" class="img-fluid mb-3">
</div>
<div class="col-lg-7 px-0">
<h2 class="home-panel-title mb-4 text-yellow font-weight-normal text-center text-lg-left">
Win a trip to watch FC Barcelona
<br class="d-none d-lg-inline" />
LIVE in Camp Nou in the 2018/2019 season
</h2>
<div class="body">
<p class="mb-4">
From 18 January to 30 June 2018, simply spend S$50 to be in the running to win the ultimate Camp Nou Experience. Prizes include a trip for 2 to watch FC Barcelona LIVE in Camp Nou during the 2018/2019 season, including return economy flight tickets, return airport transfers and a 3 Days/2 Nights (twin sharing) stay in a 3-star hotel. The more you spend, the more chances you get so start charging to your Maybank FC Barcelona Visa Signature Card now!
</p>
<div class="text-yellow font-weight-bold text-uppercase">
Key information
</div>
<ul class="list-maybank list-unstyled mb-4">
<li>
Campaign Period: 18 January to 30 June 2018
</li>
<li>
Valid for all Singapore-issued Maybank FC Barcelona Visa Signature Card
</li>
<li>
5 chances for every accumulated $50 of local currency transactions
</li>
<li>
10 chances for every accumulated $50 equivalent of foreign currency transactions
</li>
</ul>
<div>
<a href="" target="_blank" class="text-yellow">
<u>Terms and Conditions apply.</u>
</a>
</div>
</div>
</div>
</div>
<div class="promo-item py-4 py-sm-5 row flex-row-reverse">
<div class="col-lg-5 px-0 text-center">
<img src="images/home-maybank-fc-barcelona-cap.jpg" alt="Maybank FC Barcelona cap" class="img-fluid mb-3">
</div>
<div class="col-lg-7 px-0">
<h2 class="home-panel-title mb-4 text-yellow font-weight-normal text-center text-lg-left">
Receive a limited edition Cap and Lanyard
</h2>
<div class="body">
<p class="mb-4">
First 100 applicants from each selected Maybank Branches will receive a limited edition Maybank FC Barcelona Cap and Lanyard. Applicable only for the following Maybank Branches:
</p>
<div class="row no-gutters mb-4">
<div class="col-sm-5 col-md-6">
<ul class="list-maybank list-unstyled mb-0">
<li>
Maybank@AMK
</li>
<li>
Maybank@HDBHub
</li>
<li>
Maybank@HollandV
</li>
<li>
Maybank@JurongPoint
</li>
<li>
Maybank@MarineParade
</li>
</ul>
</div>
<div class="col-sm-5 col-md-6">
<ul class="list-maybank list-unstyled mb-0">
<li>
Maybank@Maybank Tower
</li>
<li>
Maybank@nex
</li>
<li>
Maybank@Tampines
</li>
<li>
Maybank@WaterwayPoint
</li>
</ul>
</div>
</div>
<div>
<a href="" target="_blank" class="text-yellow">
<u>Click here for nearest branch to you</u>
</a>
</div>
</div>
</div>
</div>
</div>
<div id="homeBenefits" class="home-benefits home-panel container py-5 px-0">
<div class="row py-lg-5">
<div class="col-lg-6 mb-3 mb-lg-5">
<h3 class="home-panel-title mb-2 text-yellow">
Card Benefits
</h3>
<ul class="list-maybank list-unstyled">
<li>
1.6% unlimited cash rebate on all local spend with no cap and no minimum spend
</li>
<li>
2X TREATS Points with every dollar spent on foreign currency transactions
</li>
<li>
Stand a chance to win a trip for 2 to watch FC Barcelona LIVE every football season. <a href="" target="_blank"><u>Terms and Conditions apply.</u></a>
</li>
<li>
10% Discount on the FC Barcelona Official Online Store Asia Pacific (<a href="https://www.fcbarcelonastoreasia.com/" target="_blank">fcbarcelonastoreasia.com</a>)
</li>
<li>
5% Discount at the FCBotiga official store in Camp Nou
</li>
</ul>
</div>
<div class="col-lg-6 mb-3 mb-lg-5">
<h3 class="home-panel-title mb-2 text-yellow">
Other Benefits
</h3>
<ul class="list-maybank list-unstyled">
<li>
With the flexibility of TREATS Points, <a href="" target="_blank"><u>redeem a host of privileges</u></a> such as shopping and dining vouchers, cash credits and more, other than KrisFlyer Miles or AsiaMiles.
</li>
<li>
Enjoy a host of attractive privileges in Singapore, Malaysia, Indonesia and the Philippines.
</li>
<li>
Access Maybank Card's suite of <a href="" target="_blank"><u>financial services</u></a> including interest-free instalment payment plans such as <a href="" target="_blank"><u>EzyPay</u></a>, <a href="" target="_blank"><u>FlexiPay</u></a> and more.
</li>
<li>
<a href="" target="_blank"><u>Maybank Visa Money Transfer</u></a> allows you to transfer funds from your Card to any Visa Card overseas, at attractive rates.
</li>
<li>
Withdraw cash from ATMs worldwide. <a href="" target="_blank"><u>Fees and charges apply</u></a>.
</li>
</ul>
</div>
<div class="col-lg-6 mb-3 mb-lg-5">
<h3 class="home-panel-title mb-2 text-yellow">
Annual fee
</h3>
<ul class="list-maybank list-unstyled">
<li>
Principal Card: S$120 p.a. (automatically waived with a total
<br class="d-none d-lg-inline" />
minimum spend of S$10,000 per annum.)
</li>
<li>
Supplementary Card: Free
</li>
</ul>
</div>
<div class="col-lg-6 mb-0">
<h3 class="home-panel-title mb-2 text-yellow">
Eligibility
</h3>
<ul class="list-maybank list-unstyled">
<li>
Be at least 21 years of age
</li>
<li>
Have a minimum annual income of
<ul class="list-maybank list-unstyled pl-4">
<li>
S$30,000 for Singapore Citizen or Singapore Permanent Resident
</li>
<li>
$45,000 for Malaysian Citizen in employment for at least 1 year
</li>
<li>
S$60,000 for Foreigner in employment for at least 1 year
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="homeTimeline" class="home-timeline container py-4 py-lg-5 px-0">
<h2 class="home-panel-title mx-auto py-4 text-yellow font-weight-bold">
About FC Barcelona - Through the years
</h2>
<div class="timeline">
<div class="item">
<div class="divider clearfix">
<div class="image">
<div>
<img src="images/home-timeline-1.jpg" alt="The First Kit" class="img-fluid">
</div>
</div>
<div class="copy">
<div class="title mb-1 text-yellow font-weight-bold text-uppercase">
The First Kit
</div>
<p>
The first shirt was half blue and the other half claret. The sleeves were opposite colours and the shorts were white.
</p>
</div>
</div>
</div>
<div class="item">
<div class="divider clearfix">
<div class="image">
<div>
<img src="images/home-timeline-2.jpg" alt="Camp Nou Inauguration" class="img-fluid">
</div>
</div>
<div class="copy">
<div class="title mb-1 text-yellow font-weight-bold text-uppercase">
1957: Camp Nou Inauguration
</div>
<p>
The Camp Nou building works began in 1954 and were completed three years later, on 24 September 1957. The stadium had an initial capacity of 99,053 spectators.
<br />
Today, Camp Nou is the stadium with the largest capacity in Europe, accommodating 99,354 spectators.
</p>
</div>
</div>
</div>
<div class="item">
<div class="divider clearfix">
<div class="image">
<div>
<img src="images/home-timeline-3.jpg" alt="Cruyff Joined FC Barcelona" class="img-fluid">
</div>
</div>
<div class="copy">
<div class="title mb-1 text-yellow font-weight-bold text-uppercase">
1973: Cruyff Joined FC Barcelona
</div>
<p>
Johan Cruyff became the leader of a talented team and demonstrated an intelligent style of play and superb technique.
<br />
The Dutch star went down in history for some unforgettable moments, like his memorable goal against Atlético de Madrid.
</p>
</div>
</div>
</div>
<div class="item">
<div class="divider clearfix">
<div class="image">
<div>
<img src="images/home-timeline-4.jpg" alt="The Return Of Cruyff" class="img-fluid">
</div>
</div>
<div class="copy">
<div class="title mb-1 text-yellow font-weight-bold text-uppercase">
1988: The Return Of Cruyff
</div>
<p>
With Cruyff as manager, FC Barcelona experienced a glorious era. Cruyff's track record includes one European Cup, four Spanish League championships, one Cup Winners' Cup, one Spanish Cup and three Spanish Supercups.
</p>
</div>
</div>
</div>
<div class="item">
<div class="divider clearfix">
<div class="image">
<div>
<img src="images/home-timeline-5.jpg" alt="The Second Champions League Victory" class="img-fluid">
</div>
</div>
<div class="copy">
<div class="title mb-1 text-yellow font-weight-bold text-uppercase">
2006: The Second Champions League Victory
</div>
<p>
FC Barcelona had its name engraved on the Champions League trophy for the second time after overcoming Arsenal 2-1 in Paris. It was the victory of joyous football, the so-called "jogo bonito", a bold and daring style, acclaimed the world over.
</p>
</div>
</div>
</div>
<div class="item">
<div class="divider clearfix">
<div class="image">
<div>
<img src="images/home-timeline-6.jpg" alt="Josep Guardiola Became The Manager" class="img-fluid">
</div>
</div>
<div class="copy">
<div class="title mb-1 text-yellow font-weight-bold text-uppercase">
2008: Josep Guardiola Became The Manager
</div>
<p>
Through the years, the team produced an amazing string of major titles, including two Champions Leagues, three Spanish Leagues and two Clubs World Cup. 2009 was the extraordinary year when FC Barcelona won all six major trophies, thereby completing an "unprecedented sextuple".
</p>
</div>
</div>
</div>
<div class="item">
<div class="divider clearfix">
<div class="image">
<div>
<img src="images/home-timeline-7.jpg" alt="Wembley, Again" class="img-fluid">
</div>
</div>
<div class="copy">
<div class="title mb-1 text-yellow font-weight-bold text-uppercase">
2011: Wembley, Again
</div>
<p>
On 28 May 2011 FC Barcelona lifted its fourth Champions League trophy. The 3-1 victory came at the new Wembley Stadium, the same place where in 1992 Cruyff's FC Barcelona had won the trophy for the first time. FC Barcelona played for the title against Manchester United. At the end of the summer FC Barcelona confirmed its greatness by winning the Spanish Super Cup and EUFA Super Cup.
</p>
</div>
</div>
</div>
<div class="item">
<div class="divider clearfix">
<div class="image">
<div>
<img src="images/home-timeline-8.jpg" alt="The Second Treble In Club History" class="img-fluid">
</div>
</div>
<div class="copy">
<div class="title mb-1 text-yellow font-weight-bold text-uppercase">
2015: The Second Treble In Club History
</div>
<p>
FC Barcelona celebrated their Treble of La Liga, the Copa del Rey and the Champions League with a victory parade along the streets of Barcelona.
</p>
</div>
</div>
</div>
<div class="item p-0"></div>
</div>
</div>
</div>
<footer class="footer-main py-5 px-1 text-center">
Copyright © 2018 | Maybank FC Barcelona Visa Signature Card<br />
<br />
<a href="" target="" class="text-yellow">Maybank FC Barcelona Visa Signature Terms and Conditions</a> | <a href="" target="_blank" class="text-yellow">Maybank Credit Card Terms and Conditions</a>
</footer>
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>