appscms-tools-theme 5.3.3 → 5.3.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/_includes/appscms/head/head.html +86 -210
- data/_includes/appscms/headings/headings.html +9 -4
- data/_includes/appscms/scripts/script.html +28 -104
- data/_includes/head/index.html +63 -298
- data/_layouts/feature-1.html +275 -263
- data/_layouts/home-1.html +13 -1
- metadata +2 -2
data/_layouts/feature-1.html
CHANGED
|
@@ -5,289 +5,301 @@
|
|
|
5
5
|
{% include head/index.html %}
|
|
6
6
|
|
|
7
7
|
<body data-developer-key="{{ site.developerKey }}" data-client-id="{{ site.clientId }}" data-app-id="{{ site.appId }}"
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
data-dropbox-apikey="{{ site.dropboxapikey }}">
|
|
9
|
+
{% include header/index.html %} {%- include appscms/navbars/toolbar.html -%}
|
|
10
10
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
<div id="h1-img-wrapper" class="d-flex justify-content-center align-items-center">
|
|
14
|
-
{%- assign featureh1 = featureData.H1 | replace: "$variable",
|
|
15
|
-
page.value -%}
|
|
16
|
-
<h1 class="feature1-h1">
|
|
17
|
-
{%- for word in featureh1-%} {%- if forloop.first == true -%} {{word
|
|
18
|
-
}} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
|
|
19
|
-
</h1>
|
|
20
|
-
</div>
|
|
21
|
-
{%- assign featureh2 = featureData.H2 | replace: "$variable", page.value
|
|
22
|
-
-%}
|
|
23
|
-
<h2 class="feature1-h2">
|
|
24
|
-
{%- for word in featureh2 -%} {%- if forloop.first == true -%} {{word
|
|
25
|
-
| capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
|
|
26
|
-
</h2>
|
|
27
|
-
</div>
|
|
28
|
-
</div>
|
|
11
|
+
<div class="flex-container feature1-flex-container">
|
|
12
|
+
<div class="flex-class py-4 mt-md-0">
|
|
29
13
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
<div class="custom-box" data-color="{{boxColor}}">
|
|
41
|
-
<div style="display: none" id="file-loader">
|
|
42
|
-
<img src="/assets/images/spinner.gif" alt="spinner" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
|
|
43
|
-
<p>Please Wait ,Loading Your file</p>
|
|
44
|
-
</div>
|
|
45
|
-
<div class="saving-file-download-wrap" style="display: none">
|
|
46
|
-
<img loading="lazy" class="trust-img" src="/trust.svg" alt="trust" {%- if site.crossorigin -%} crossorigin {%-
|
|
47
|
-
endif -%} />
|
|
48
|
-
<p class="text-white my-2">Thanks for your patience</p>
|
|
49
|
-
<button class="btn" id="download-zip">Download</button>
|
|
50
|
-
</div>
|
|
51
|
-
<div class="file-input" id="inputbox" style="color: #fff">
|
|
52
|
-
<div class="m-auto">
|
|
53
|
-
<div class="d-flex justify-content-center align-items-center">
|
|
54
|
-
<div id="Inputbox" class="boxes" style="background: {{boxColor}};">
|
|
55
|
-
<img height="21px" width="21px" src="/assets/images/add.svg" alt="add" {%- if site.crossorigin -%}
|
|
56
|
-
crossorigin {%- endif -%} />
|
|
57
|
-
<span class="ml-3">CHOOSE FILE</span>
|
|
58
|
-
</div>
|
|
59
|
-
<div class="file-pick-dropdown" style="background:{{boxColor}}">
|
|
60
|
-
<i class="fas fa-angle-down arrow-sign"></i>
|
|
61
|
-
<div class="file-picker-dropdown" style="display: none">
|
|
62
|
-
<button id="filepicker">
|
|
63
|
-
<svg class="mr-3" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
64
|
-
<path id="Path" d="M8.33331 3H15.6666L23 15H15.6666L8.33331 3Z" fill="#FFC107"></path>
|
|
65
|
-
<path id="Path_2" d="M4.6012 21L8.30086 15H23L19.3333 21H4.6012Z" fill="#1976D2"></path>
|
|
66
|
-
<path id="Path_3" d="M1 15.0625L4.60119 21L12 9L8.33333 3L1 15.0625Z" fill="#4CAF50"></path>
|
|
67
|
-
</svg>
|
|
68
|
-
Google Drive
|
|
69
|
-
</button>
|
|
70
|
-
<button id="dropbox">
|
|
71
|
-
<svg class="mr-3" viewBox="0 0 24 24" fill="#0061FF" xmlns="http://www.w3.org/2000/svg">
|
|
72
|
-
<path id="icon"
|
|
73
|
-
d="M12.0146 6.57367L6.50732 10.1473L12.0146 13.721L6.50732 17.2947L1 13.6912L6.50732 10.1176L1 6.57367L6.50732 3L12.0146 6.57367ZM6.47803 18.4263L11.9854 14.8527L17.4927 18.4263L11.9854 22L6.47803 18.4263ZM12.0146 13.6912L17.522 10.1176L12.0146 6.57367L17.4927 3L23 6.57367L17.4927 10.1473L23 13.721L17.4927 17.2947L12.0146 13.6912Z">
|
|
74
|
-
</path>
|
|
75
|
-
</svg>
|
|
76
|
-
Dropbox
|
|
77
|
-
</button>
|
|
78
|
-
</div>
|
|
79
|
-
</div>
|
|
14
|
+
|
|
15
|
+
{%- include ads.html -%}
|
|
16
|
+
|
|
17
|
+
<div id="h1-img-wrapper" class="d-flex justify-content-center align-items-center">
|
|
18
|
+
{%- assign featureh1 = featureData.H1 | replace: "$variable",
|
|
19
|
+
page.value -%}
|
|
20
|
+
<h1 class="feature1-h1">
|
|
21
|
+
{%- for word in featureh1-%} {%- if forloop.first == true -%} {{word
|
|
22
|
+
}} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
|
|
23
|
+
</h1>
|
|
80
24
|
</div>
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
<div class="workspace" style="display: none">
|
|
88
|
-
<div class="row mx-auto">
|
|
89
|
-
<div class="col-md-10 mx-auto">{{content}}</div>
|
|
25
|
+
{%- assign featureh2 = featureData.H2 | replace: "$variable", page.value
|
|
26
|
+
-%}
|
|
27
|
+
<h2 class="feature1-h2">
|
|
28
|
+
{%- for word in featureh2 -%} {%- if forloop.first == true -%} {{word
|
|
29
|
+
| capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
|
|
30
|
+
</h2>
|
|
90
31
|
</div>
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
<option value="webp">webp</option>
|
|
111
|
-
<option value="gif">gif</option>
|
|
112
|
-
{%- endif -%}
|
|
113
|
-
</select>
|
|
114
|
-
</div>
|
|
115
|
-
</div>
|
|
32
|
+
</div>
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
{%- if site.noFeatureBox == true -%}
|
|
37
|
+
<div class="feature-content-box" id="theme-content-box">{{content}}</div>
|
|
38
|
+
{%- else -%} {%- if page.noBox == true -%}
|
|
39
|
+
<div class="feature-content-box" id="theme-content-box">{{content}}</div>
|
|
40
|
+
{%- else -%}
|
|
41
|
+
<div class="feature-content-box" id="theme-content-box">
|
|
42
|
+
<div class="container">
|
|
43
|
+
{%- assign boxColor =
|
|
44
|
+
site.data[page.folderName][page.lang][page.fileName].color -%} {%- if
|
|
45
|
+
page.removeBox != true -%}
|
|
46
|
+
<div class="custom-box" data-color="{{boxColor}}">
|
|
47
|
+
<div style="display: none" id="file-loader">
|
|
48
|
+
<img src="/assets/images/spinner.gif" alt="spinner" {%- if site.crossorigin -%} crossorigin {%-
|
|
49
|
+
endif -%} />
|
|
50
|
+
<p>Please Wait ,Loading Your file</p>
|
|
116
51
|
</div>
|
|
117
|
-
<div class="
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
52
|
+
<div class="saving-file-download-wrap" style="display: none">
|
|
53
|
+
<img loading="lazy" class="trust-img" src="/trust.svg" alt="trust" {%- if site.crossorigin -%}
|
|
54
|
+
crossorigin {%- endif -%} />
|
|
55
|
+
<p class="text-white my-2">Thanks for your patience</p>
|
|
56
|
+
<button class="btn" id="download-zip">Download</button>
|
|
57
|
+
</div>
|
|
58
|
+
<div class="file-input" id="inputbox" style="color: #fff">
|
|
59
|
+
<div class="m-auto">
|
|
60
|
+
<div class="d-flex justify-content-center align-items-center">
|
|
61
|
+
<div id="Inputbox" class="boxes" style="background: {{boxColor}};">
|
|
62
|
+
<img height="21px" width="21px" src="/assets/images/add.svg" alt="add" {%- if
|
|
63
|
+
site.crossorigin -%} crossorigin {%- endif -%} />
|
|
64
|
+
<span class="ml-3">CHOOSE FILE</span>
|
|
65
|
+
</div>
|
|
66
|
+
<div class="file-pick-dropdown" style="background:{{boxColor}}">
|
|
67
|
+
<i class="fas fa-angle-down arrow-sign"></i>
|
|
68
|
+
<div class="file-picker-dropdown" style="display: none">
|
|
69
|
+
<button id="filepicker">
|
|
70
|
+
<svg class="mr-3" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
71
|
+
<path id="Path" d="M8.33331 3H15.6666L23 15H15.6666L8.33331 3Z"
|
|
72
|
+
fill="#FFC107"></path>
|
|
73
|
+
<path id="Path_2" d="M4.6012 21L8.30086 15H23L19.3333 21H4.6012Z"
|
|
74
|
+
fill="#1976D2"></path>
|
|
75
|
+
<path id="Path_3" d="M1 15.0625L4.60119 21L12 9L8.33333 3L1 15.0625Z"
|
|
76
|
+
fill="#4CAF50"></path>
|
|
77
|
+
</svg>
|
|
78
|
+
Google Drive
|
|
79
|
+
</button>
|
|
80
|
+
<button id="dropbox">
|
|
81
|
+
<svg class="mr-3" viewBox="0 0 24 24" fill="#0061FF"
|
|
82
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
83
|
+
<path id="icon"
|
|
84
|
+
d="M12.0146 6.57367L6.50732 10.1473L12.0146 13.721L6.50732 17.2947L1 13.6912L6.50732 10.1176L1 6.57367L6.50732 3L12.0146 6.57367ZM6.47803 18.4263L11.9854 14.8527L17.4927 18.4263L11.9854 22L6.47803 18.4263ZM12.0146 13.6912L17.522 10.1176L12.0146 6.57367L17.4927 3L23 6.57367L17.4927 10.1473L23 13.721L17.4927 17.2947L12.0146 13.6912Z">
|
|
85
|
+
</path>
|
|
86
|
+
</svg>
|
|
87
|
+
Dropbox
|
|
88
|
+
</button>
|
|
89
|
+
</div>
|
|
90
|
+
</div>
|
|
91
|
+
</div>
|
|
92
|
+
</div>
|
|
93
|
+
<p id="dropfile" class="text-dark">or drop your file here</p>
|
|
94
|
+
<p id="error" class="p-3"></p>
|
|
126
95
|
</div>
|
|
127
|
-
</div>
|
|
128
96
|
</div>
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
<div class="select-img-panel">
|
|
135
|
-
<div id="saving-data" style="display: none">
|
|
136
|
-
<img loading="lazy" src="/assets/images/loader.gif" alt="saving" />
|
|
137
|
-
<span class="ml-2" {%- if site.crossorigin -%} crossorigin {%- endif -%}>Saving your images...</span>
|
|
138
|
-
</div>
|
|
139
|
-
<div id="canvas-box-panel"></div>
|
|
97
|
+
{%- endif -%} {%- if page.workspace -%}
|
|
98
|
+
<div class="workspace" style="display: none">
|
|
99
|
+
<div class="row mx-auto">
|
|
100
|
+
<div class="col-md-10 mx-auto">{{content}}</div>
|
|
101
|
+
</div>
|
|
140
102
|
</div>
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
103
|
+
{%- else -%}
|
|
104
|
+
<div class="workspace" style="display: none">
|
|
105
|
+
<div class="row">
|
|
106
|
+
<div class="col-12">
|
|
107
|
+
<div class="download-wrapper mt-3">
|
|
108
|
+
<div class="row rowclass">
|
|
109
|
+
<div class="col-7">
|
|
110
|
+
<div class="d-flex align-items-center">
|
|
111
|
+
<div class="select-format-title">image's format</div>
|
|
112
|
+
<div class="download-format">
|
|
113
|
+
<select name="image-format" id="image-format">
|
|
114
|
+
{%- if pageData.downloadFormats -%} {%- for item in
|
|
115
|
+
pageData.downloadFormats -%}
|
|
116
|
+
<option value="{{item}}">{{item}}</option>
|
|
117
|
+
{%- endfor -%} {%- else -%}
|
|
118
|
+
<option value="png">png</option>
|
|
119
|
+
<option value="jpg">jpg</option>
|
|
120
|
+
<option value="jpeg">jpeg</option>
|
|
121
|
+
<option value="webp">webp</option>
|
|
122
|
+
<option value="gif">gif</option>
|
|
123
|
+
{%- endif -%}
|
|
124
|
+
</select>
|
|
125
|
+
</div>
|
|
126
|
+
</div>
|
|
127
|
+
</div>
|
|
128
|
+
<div class="col-5">
|
|
129
|
+
<div class="d-flex align-items-center">
|
|
130
|
+
<button id="download-button" style="background: {{pageData.color}};">
|
|
131
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
132
|
+
<path
|
|
133
|
+
d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM382.6 302.6l-103.1 103.1C270.7 414.6 260.9 416 256 416c-4.881 0-14.65-1.391-22.65-9.398L129.4 302.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 306.8V128c0-17.69 14.33-32 32-32s32 14.31 32 32v178.8l49.38-49.38c12.5-12.5 32.75-12.5 45.25 0S395.1 290.1 382.6 302.6z" />
|
|
134
|
+
</svg>Download
|
|
135
|
+
</button>
|
|
136
|
+
</div>
|
|
137
|
+
</div>
|
|
138
|
+
</div>
|
|
139
|
+
</div>
|
|
140
|
+
</div>
|
|
141
|
+
</div>
|
|
142
|
+
{%- if page.commonStructure != false -%}
|
|
143
|
+
<div class="row">
|
|
144
|
+
<div class="col-md-7 mx-auto mb-2">
|
|
145
|
+
<div class="select-img-panel">
|
|
146
|
+
<div id="saving-data" style="display: none">
|
|
147
|
+
<img loading="lazy" src="/assets/images/loader.gif" alt="saving" />
|
|
148
|
+
<span class="ml-2" {%- if site.crossorigin -%} crossorigin {%- endif -%}>Saving your
|
|
149
|
+
images...</span>
|
|
150
|
+
</div>
|
|
151
|
+
<div id="canvas-box-panel"></div>
|
|
152
|
+
</div>
|
|
153
|
+
</div>
|
|
154
|
+
<div class="col-md-5">
|
|
155
|
+
<div class="options-panel">
|
|
156
|
+
{%- if pageData.optionPanelTitle -%}
|
|
157
|
+
<div class="title">{{pageData.optionPanelTitle}}</div>
|
|
158
|
+
{%- endif -%} {{content}}
|
|
159
|
+
</div>
|
|
160
|
+
</div>
|
|
161
|
+
</div>
|
|
162
|
+
{%- else -%} {{content}} {%- endif -%}
|
|
147
163
|
</div>
|
|
148
|
-
|
|
164
|
+
{%- endif -%}
|
|
149
165
|
</div>
|
|
150
|
-
{%- else -%} {{content}} {%- endif -%}
|
|
151
|
-
</div>
|
|
152
|
-
{%- endif -%}
|
|
153
166
|
</div>
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
167
|
+
{%- endif -%} {%- endif -%} {%- if featureData.TEXTUAL_CONTENT -%}
|
|
168
|
+
<div class="container mt-4 mb-5">
|
|
169
|
+
<div class="row px-0">
|
|
170
|
+
<div class="col-md-12 mx-auto">
|
|
171
|
+
<div class="row">
|
|
172
|
+
{% for data in featureData.TEXTUAL_CONTENT %}
|
|
173
|
+
<div class="col-md-4 my-4">
|
|
174
|
+
<img class="feature-card-img" src="{{data.logoUrl}}" loading="lazy" height="48px" width="48px"
|
|
175
|
+
alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
|
|
176
|
+
<div class="feature-card-title">
|
|
177
|
+
{{data.header | replace: "$variable", page.value}}
|
|
178
|
+
</div>
|
|
179
|
+
<div class="feature1-card-desc">
|
|
180
|
+
{{data.content | replace: "$variable", page.value}}
|
|
181
|
+
</div>
|
|
182
|
+
</div>
|
|
183
|
+
{% endfor %}
|
|
184
|
+
</div>
|
|
169
185
|
</div>
|
|
170
|
-
</div>
|
|
171
|
-
{% endfor %}
|
|
172
186
|
</div>
|
|
173
|
-
</div>
|
|
174
187
|
</div>
|
|
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
|
-
{% for data in featureData.HOW_TO_CONTENT.steps %}
|
|
188
|
+
{%- endif -%} {%- if featureData.HOW_TO_CONTENT -%}
|
|
189
|
+
<section class="how-to-section">
|
|
190
|
+
<div class="container">
|
|
191
|
+
<div class="row">
|
|
192
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
|
|
193
|
+
<div class="col-md-9 mx-auto">
|
|
194
|
+
<div class="row">
|
|
195
|
+
{%- endif -%}
|
|
196
|
+
<div class="col-md-6 order-0">
|
|
197
|
+
{%- if featureData.HOW_TO_CONTENT.YoutubeVideoUrl.size > 0 -%}
|
|
198
|
+
<div class="how-to-video-wrapper">
|
|
199
|
+
{% assign video_url =
|
|
200
|
+
featureData.HOW_TO_CONTENT.YoutubeVideoUrl %} {% assign
|
|
201
|
+
video_id = "" %} {% if video_url contains "youtu.be/" %} {%
|
|
202
|
+
assign parts = video_url | split: "/" %} {% assign video_id =
|
|
203
|
+
parts[3] %} {% elsif video_url contains "youtube.com/watch" %}
|
|
204
|
+
{% assign params = video_url | split: "?" | last | split: "&"
|
|
205
|
+
%} {% for param in params %} {% if param contains "v=" %} {%
|
|
206
|
+
assign video_id = param | split: "=" | last %} {% endif %} {%
|
|
207
|
+
endfor %} {% endif %} {%- if site.monumetricId -%}
|
|
208
|
+
<iframe class="youtubeVideoPlayer mb-5" width="400" height="315"
|
|
209
|
+
src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
|
|
210
|
+
</iframe>
|
|
211
|
+
{%- else -%}
|
|
212
|
+
<iframe class="youtubeVideoPlayer mb-5" width="500" height="315"
|
|
213
|
+
src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
|
|
214
|
+
</iframe>
|
|
215
|
+
{%- endif -%}
|
|
216
|
+
</div>
|
|
217
|
+
{%- else -%}
|
|
218
|
+
<div class="how-to-img-wrapper">
|
|
219
|
+
<img class="how-to-leftimg" height="180px" width="300px"
|
|
220
|
+
src="{{featureData.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
|
|
221
|
+
alt="{{featureData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}" {%- if
|
|
222
|
+
site.crossorigin -%} crossorigin {%- endif -%} />
|
|
223
|
+
</div>
|
|
224
|
+
{%- endif -%}
|
|
225
|
+
</div>
|
|
226
|
+
<div class="col-md-6 order-1">
|
|
227
|
+
<div class="how-to-right">
|
|
228
|
+
<h3 class="how-to-title text-left">
|
|
229
|
+
{{featureData.HOW_TO_CONTENT.heading | replace: "$variable",
|
|
230
|
+
page.value}}
|
|
231
|
+
</h3>
|
|
232
|
+
<ol class="how-to-list">
|
|
233
|
+
{% for data in featureData.HOW_TO_CONTENT.steps %}
|
|
222
234
|
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
235
|
+
<li id="step{{forloop.index}}" class="how-to-list-item">
|
|
236
|
+
<span>{{forloop.index}}.</span>{{data | replace:
|
|
237
|
+
"$variable", page.value}}
|
|
238
|
+
</li>
|
|
239
|
+
{% endfor %}
|
|
240
|
+
</ol>
|
|
241
|
+
</div>
|
|
242
|
+
</div>
|
|
243
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == 'en'
|
|
244
|
+
-%}
|
|
245
|
+
</div>
|
|
246
|
+
</div>
|
|
247
|
+
{%- endif -%}
|
|
230
248
|
</div>
|
|
231
|
-
{%- if site.monumetricId and page.url != '/' and page.lang == 'en'
|
|
232
|
-
-%}
|
|
233
|
-
</div>
|
|
234
249
|
</div>
|
|
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
|
-
</main>
|
|
250
|
+
</section>
|
|
251
|
+
{%- endif -%} {%- assign showFaqs= true -%} {%- for item in site.noFaqsList
|
|
252
|
+
-%} {%- if item == page.lang -%} {%- assign showFaqs = false -%} {%- break
|
|
253
|
+
-%} {%- else -%} {%- assign showFaqs = true -%} {%- endif -%} {%- endfor -%}
|
|
254
|
+
{%- if showFaqs == true -%} {%- if featureData.FAQ.size>0 -%}
|
|
255
|
+
<section class="faq-section">
|
|
256
|
+
<div class="container">
|
|
257
|
+
<div class="row">
|
|
258
|
+
<div class="col-md-8 mx-auto">
|
|
259
|
+
<main class="faqs">
|
|
260
|
+
<h3 class="feature-h1 text-left mb-4" style="font-weight: 900">
|
|
261
|
+
{{featureData.faqheading | default: "FAQ's"}}
|
|
262
|
+
</h3>
|
|
263
|
+
{% for data in featureData.FAQ %}
|
|
264
|
+
<details open>
|
|
265
|
+
<summary>
|
|
266
|
+
{{data.question | replace: "$variable",page.value}}
|
|
267
|
+
</summary>
|
|
268
|
+
<div class="faq__content">
|
|
269
|
+
<p style="color: #5c5e60; font-size: 14px">
|
|
270
|
+
{{data.answer | replace: "$variable", page.value}}
|
|
271
|
+
</p>
|
|
272
|
+
</div>
|
|
273
|
+
</details>
|
|
274
|
+
{% endfor %}
|
|
275
|
+
</main>
|
|
276
|
+
</div>
|
|
277
|
+
</div>
|
|
264
278
|
</div>
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
tags.size>0-%} {%- include customblog/relatedposts.html -%} {%- else -%} {%-
|
|
283
|
-
include customblog/recentposts.html -%} {% endif %} {%- endif -%}
|
|
279
|
+
</section>
|
|
280
|
+
{%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%-
|
|
281
|
+
include Rating/rating.html -%} {%- if featureData.infographics.size > 0 -%}
|
|
282
|
+
{%- include infographics/infographics.html -%} {%- endif -%} {%- include
|
|
283
|
+
appscms/reviews/trustpilot.html -%} {%- assign langen = "en" -%} {%- if
|
|
284
|
+
site.data[folder][langen][file].categories -%} {% assign categories=
|
|
285
|
+
site.data[folder][langen][file].categories %} {%- else -%} {% assign
|
|
286
|
+
categories= page.categories %} {%- endif -%} {%- if
|
|
287
|
+
site.data[folder][langen][file].tags -%} {% assign tags=
|
|
288
|
+
site.data[folder][langen][file].tags %} {%- else -%} {% assign tags=
|
|
289
|
+
page.tags %} {%- endif -%} {%- if featureData.posts.size > 0 -%} {%- include
|
|
290
|
+
customblog/pageRelatedPosts.html -%} {%- else -%} {%- if categories.size > 0
|
|
291
|
+
or tags.size > 0 -%} {%- include section/related_categories_post.html -%}
|
|
292
|
+
{%- else -%} {%- include section/recent_posts.html -%} {%- endif -%} {%-
|
|
293
|
+
endif -%} {%- if site.customblogdata -%} {%- if categories.size> 0 or
|
|
294
|
+
tags.size>0-%} {%- include customblog/relatedposts.html -%} {%- else -%} {%-
|
|
295
|
+
include customblog/recentposts.html -%} {% endif %} {%- endif -%}
|
|
284
296
|
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
297
|
+
{%- if pageData.author.size > 0 -%}
|
|
298
|
+
{% include appscms/featurePageAuthors/featurePageAuthors.html %}
|
|
299
|
+
{%- endif -%}
|
|
288
300
|
|
|
289
|
-
|
|
290
|
-
|
|
301
|
+
{% include
|
|
302
|
+
footer/index.html %} {% include script.html %}
|
|
291
303
|
</body>
|
|
292
304
|
|
|
293
305
|
</html>
|
data/_layouts/home-1.html
CHANGED
|
@@ -50,8 +50,13 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
|
|
|
50
50
|
>
|
|
51
51
|
{% include header/index.html %} {%- include appscms/navbars/toolbar.html -%}
|
|
52
52
|
{%- if homeData.H1 or homeData.H2 -%}
|
|
53
|
+
|
|
53
54
|
<div class="flex-container mb-1">
|
|
54
55
|
<div class="flex-class py-5">
|
|
56
|
+
{%- include ads.html -%}
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
|
|
55
60
|
<div class="d-flex justify-content-center align-items-center">
|
|
56
61
|
<span class="fHhdVc">
|
|
57
62
|
{%- if homeData.img -%}
|
|
@@ -72,6 +77,8 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
|
|
|
72
77
|
</div>
|
|
73
78
|
{%- endif -%}
|
|
74
79
|
</span>
|
|
80
|
+
|
|
81
|
+
|
|
75
82
|
<h1 class="home1-top-h1 font-weight-bolder">
|
|
76
83
|
{%- for word in homeData.H1 -%} {%- if forloop.first == true -%}
|
|
77
84
|
{{word | capitalize }} {%- else -%} {{word}} {%- endif -%} {%-
|
|
@@ -147,6 +154,9 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
|
|
|
147
154
|
</div>
|
|
148
155
|
{%- endif -%}
|
|
149
156
|
|
|
157
|
+
{%- include ads.html -%}
|
|
158
|
+
|
|
159
|
+
|
|
150
160
|
<div class="home-content-box" id="theme-content-box">{{content}}</div>
|
|
151
161
|
|
|
152
162
|
{%- if homeData.TEXTUAL_CONTENT -%}
|
|
@@ -253,7 +263,9 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
|
|
|
253
263
|
</div>
|
|
254
264
|
</div>
|
|
255
265
|
</section>
|
|
256
|
-
{%- endif -%} {%- endif -%}
|
|
266
|
+
{%- endif -%} {%- endif -%}
|
|
267
|
+
|
|
268
|
+
{%- include appscms/reviews/trustpilot.html -%}
|
|
257
269
|
{%- include Rating/rating.html -%} {% include footer/index.html %} {%-
|
|
258
270
|
include appscms/scripts/script.html -%}
|
|
259
271
|
</body>
|