-
Notifications
You must be signed in to change notification settings - Fork 0
/
giftsVoucher.html
102 lines (98 loc) · 4.57 KB
/
giftsVoucher.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
<html>
<head>
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="{{rootUrl}}/images/gifts/giftsVoucher/giftsVoucher.css">
</head>
<body>
<div id="top-section" class="section">
<img id="app-logo" src="{{rootUrl}}/images/gifts/giftsVoucher/logo/{{appName}}AppLogo.jpg" alt="app logo">
<div id="title-wrap">
<h1 id="title">
<img src="{{rootUrl}}/images/gifts/giftsVoucher/gift.jpg" alt="gift icon">
<span>{{_ 'giftsVoucher.topSection.title'}}</span>
</h1>
<h4>{{_ 'giftsVoucher.topSection.subtitle'}}</h4>
</div>
</div>
<div id="middle-section" class="section">
<h3 class="text-center">{{_ 'giftsVoucher.middleSection.title'}}</h3>
<div class="row">
<div id="gift-code-tile">
<div id="gift-code-wrap">
<span id="code-title" class="text-uppercase">{{_ 'common.giftCode'}}</span>
<div id="gift-code">
<img src="{{rootUrl}}/images/gifts/giftsVoucher/giftCodeBackground.jpg"
alt="gift code background">
<div class="h2">{{giftCode}}</div>
</div>
</div>
</div>
<div id="features">
<div class="feature">
<img src="{{rootUrl}}/images/gifts/giftsVoucher/plusFeatures/lessonUnlock.jpg" alt="lessonUnlock">
<span>{{_ 'commonBundle.course'}}</span>
</div>
<div class="feature">
<img src="{{rootUrl}}/images/gifts/giftsVoucher/plusFeatures/training.jpg" alt="training">
<span>{{_ 'routes.trainingGroups.title'}}</span>
</div>
<div class="feature">
<img src="{{rootUrl}}/images/gifts/giftsVoucher/plusFeatures/certificate.jpg" alt="certificate">
<span>{{_ 'common.plus.certificate.short'}}</span>
</div>
<div class="feature">
<img src="{{rootUrl}}/images/gifts/giftsVoucher/plusFeatures/statistics.jpg" alt="statistics">
<span>{{_ 'common.plus.statistics'}}</span>
</div>
<div class="feature">
<img src="{{rootUrl}}/images/gifts/giftsVoucher/plusFeatures/nightMode.jpg" alt="night mode">
<span>{{_ 'common.plus.nightMode'}}</span>
</div>
<div class="feature">
<img src="{{rootUrl}}/images/gifts/giftsVoucher/plusFeatures/keyboardShortcuts.jpg" alt="keyboard shortcuts">
<span>{{_ 'common.plus.keyboardShortcuts.short'}}</span>
</div>
</div>
</div>
</div>
<div id="bottom-section" class="section">
<h3 class="text-center">{{_ 'giftsVoucher.bottomSection.title'}}</h3>
<div class="row">
<div id="first-step" class="step">
<h4>1</h4>
<div id="icon-feat">
<img src="{{rootUrl}}/images/gifts/giftsVoucher/browser.jpg" alt="computer">
</div>
<div class="instructions">
<h5>{{currentDomain}}</h5>
<p>{{_ 'giftsVoucher.bottomSection.firstStep.text'}}</p>
</div>
</div>
<div class="step">
<h4>2</h4>
<div id="icon-feat">
<img src="{{rootUrl}}/images/gifts/giftsVoucher/settings.jpg" alt="computer">
</div>
<div class="instructions">
<h5>{{_ 'giftsVoucher.bottomSection.secondStep.title'}}</h5>
<p>{{_ 'giftsVoucher.bottomSection.secondStep.text'}}</p>
</div>
</div>
<div id="third-step" class="step">
<h4>3</h4>
<div id="icon-feat">
<img src="{{rootUrl}}/images/gifts/giftsVoucher/giftStep.jpg" alt="computer">
</div>
<div class="instructions">
<h5>{{_ 'giftsVoucher.bottomSection.thirdStep.title'}}</h5>
<p>{{_ 'giftsVoucher.bottomSection.thirdStep.text'}}</p>
</div>
</div>
</div>
<p class="text-center text-muted">
<small>{{_ 'giftsVoucher.bottomSection.thirdStep.gopayId' gopayId=gopayId}}</small>
</p>
</div>
</body>
</html>