appscms-tools-theme 3.3.4 → 3.3.6

Sign up to get free protection for your applications and to get access to all the features.
@@ -2,387 +2,367 @@
2
2
  = page.folderName %} {% assign featureData= site.data[folder][lang][file] %}
3
3
  <!DOCTYPE html>
4
4
  <html lang="{{page.lang}}">
5
- {% include head/index.html %}
6
-
7
- <body>
8
- {% include header/index.html %} {%- if site.safeui -%}
9
- <div
10
- class="alert alert-{{featureData.variant | default: 'info'}} fade show text-center"
11
- role="alert"
12
- id="safeui-alert"
13
- >
14
- <div class="container">
15
- {%- if featureData.alertmsg -%} {{featureData.alertmsg}} {%- else -%} We
16
- do not upload any files to server, hence your data is 100% secure. {%-
17
- endif -%}
18
- </div>
5
+ {% include head/index.html %}
6
+ <body>
7
+ {% include header/index.html %} {%- if site.safeui -%}
8
+ <div class="alert alert-{{featureData.variant | default: 'info'}} fade show text-center" role="alert"
9
+ id="safeui-alert">
10
+ <div class="container">
11
+ {%- if featureData.alertmsg -%} {{featureData.alertmsg}} {%- else -%} We
12
+ do not upload any files to server, hence your data is 100% secure. {%-
13
+ endif -%}
19
14
  </div>
20
- {%- endif -%} {%- if page.layout != "frame" and page.layout !=
21
- "photo-effects-home" and page.layout != "video" and page.layout != "audio"
22
- -%} {%- if site.newFeatureBox -%}
23
- <div class="appscms-sidebar-left"></div>
24
- <div class="appscms-sidebar-right"></div>
25
- {%- endif -%}
15
+ </div>
16
+ {%- endif -%} {%- if page.layout != "frame" and page.layout !=
17
+ "photo-effects-home" and page.layout != "video" and page.layout != "audio"
18
+ -%} {%- if site.newFeatureBox -%}
19
+ <div class="appscms-sidebar-left"></div>
20
+ <div class="appscms-sidebar-right"></div>
21
+ {%- endif -%}
26
22
 
27
- <div class="flex-container pb-3">
28
- <div class="flex-class py-4 mt-4 mt-md-0">
29
- <div
30
- id="h1-img-wrapper"
31
- class="d-flex justify-content-center align-items-center"
32
- >
33
- <span id="h1-img" class="fHhdVc">
34
- <div class="div-cont feature-img mr-2">
35
- {%- if featureData.img -%}
36
- <img
37
- style="width:{{featureData.imgwidth}};height:{{featureData.imgheight}};"
38
- src="{{featureData.img}}"
39
- alt="{{featureData.imgalt}}"
40
- {%-
41
- if
42
- site.crossorigin
43
- -%}
44
- crossorigin
45
- {%-
46
- endif
47
- -%}
48
- />
49
- {%- else -%}
50
- <svg
51
- xmlns="http://www.w3.org/2000/svg"
52
- xmlns:xlink="http://www.w3.org/1999/xlink"
53
- viewBox="0 0 36 36"
54
- fill="#000"
55
- >
56
- <path
57
- d="M6,6 L9,18 L6,30 L18,27 L30,30 L27,18 L30,6 L18,9 L6,6 Z M3,3 L18,6.75 L33,3 L29.25,18 L33,33 L18,29.25 L3,33 L6.75,18 L3,3 Z"
58
- ></path>
59
- </svg>
60
- {%- endif -%}
61
- </div>
62
- </span>
63
- {%- assign featureh1 = featureData.H1 | replace: "$variable",
64
- page.value -%}
65
- <h1 id="feature-h1" class="feature-h1">
66
- {%- for word in featureh1-%} {%- if forloop.first == true -%} {{word
67
- | capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
68
- </h1>
69
- </div>
70
- {%- assign featureh2 = featureData.H2 | replace: "$variable", page.value
71
- -%}
72
- <h2 id="feature-h2" class="feature-h2">
73
- {%- for word in featureh2 -%} {%- if forloop.first == true -%} {{word
23
+ <div class="flex-container pb-3">
24
+ <div class="flex-class py-4 mt-4 mt-md-0">
25
+ <div id="h1-img-wrapper" class="d-flex justify-content-center align-items-center">
26
+ <span id="h1-img" class="fHhdVc">
27
+ <div class="div-cont feature-img mr-2">
28
+ {%- if featureData.img -%}
29
+ <img style="width:{{featureData.imgwidth}};height:{{featureData.imgheight}};" src="{{featureData.img}}"
30
+ alt="{{featureData.imgalt}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
31
+ {%- else -%}
32
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 36 36"
33
+ fill="#000">
34
+ <path
35
+ d="M6,6 L9,18 L6,30 L18,27 L30,30 L27,18 L30,6 L18,9 L6,6 Z M3,3 L18,6.75 L33,3 L29.25,18 L33,33 L18,29.25 L3,33 L6.75,18 L3,3 Z">
36
+ </path>
37
+ </svg>
38
+ {%- endif -%}
39
+ </div>
40
+ </span>
41
+ {%- assign featureh1 = featureData.H1 | replace: "$variable",
42
+ page.value -%}
43
+ <h1 id="feature-h1" class="feature-h1">
44
+ {%- for word in featureh1-%} {%- if forloop.first == true -%} {{word
74
45
  | capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
75
- </h2>
46
+ </h1>
76
47
  </div>
48
+ {%- assign featureh2 = featureData.H2 | replace: "$variable", page.value
49
+ -%}
50
+ <h2 id="feature-h2" class="feature-h2">
51
+ {%- for word in featureh2 -%} {%- if forloop.first == true -%} {{word
52
+ | capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
53
+ </h2>
77
54
  </div>
78
- {%- endif -%} {%- if site.noFeatureBox == true -%}
79
- <div class="feature-content-box" id="theme-content-box">{{content}}</div>
80
- {%- elsif site.newFeatureBox -%}
81
- <div class="feature-content-box" id="theme-content-box">
82
- <div class="container">
83
- {%- assign boxColor =
84
- site.data[page.folderName][page.lang][page.fileName].color -%} {%- if
85
- page.removeBox != true -%}
86
- <div class="custom-box" data-color="{{boxColor}}">
87
- <div style="display: none" id="file-loader">
88
- <img
89
- src="/spinner.gif"
90
- alt="spinner"
91
- {%-
92
- if
93
- site.crossorigin
94
- -%}
95
- crossorigin
96
- {%-
97
- endif
98
- -%}
99
- />
100
- <p>Please Wait ,Loading Your file</p>
101
- </div>
102
- <div class="saving-file-download-wrap" style="display: none">
103
- <img
104
- loading="lazy"
105
- class="trust-img"
106
- src="/trust.svg"
107
- alt="trust"
108
- {%-
109
- if
110
- site.crossorigin
111
- -%}
112
- crossorigin
113
- {%-
114
- endif
115
- -%}
116
- />
117
- <p class="text-white my-2">Thanks for your patience</p>
118
- <button class="btn" id="download-zip">Download</button>
55
+ </div>
56
+ {%- endif -%} {%- if site.noFeatureBox == true -%}
57
+ <div class="feature-content-box" id="theme-content-box">{{content}}</div>
58
+ {%- elsif site.newFeatureBox -%}
59
+ <div class="feature-content-box" id="theme-content-box">
60
+ <div class="container">
61
+ {%- assign boxColor =
62
+ site.data[page.folderName][page.lang][page.fileName].color -%} {%- if
63
+ page.removeBox != true -%}
64
+ <div class="custom-box" data-color="{{boxColor}}">
65
+ <div style="display: none" id="file-loader">
66
+ <img src="/spinner.gif" alt="spinner" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
67
+ <p>Please Wait ,Loading Your file</p>
68
+ </div>
69
+ <div class="saving-file-download-wrap" style="display: none">
70
+ <img loading="lazy" class="trust-img" src="/trust.svg" alt="trust" {%- if site.crossorigin -%} crossorigin {%-
71
+ endif -%} />
72
+ <p class="text-white my-2">Thanks for your patience</p>
73
+ <button class="btn" id="download-zip">Download</button>
74
+ </div>
75
+ <div class="file-input" id="inputbox" style="color: #fff">
76
+ <div class="m-auto">
77
+ <div class="d-flex justify-content-center align-items-center">
78
+ <div id="Inputbox" class="boxes" style="background-color: {{boxColor}};">
79
+ <img height="21px" width="21px" src="/assets/images/add.svg" alt="add" {%- if site.crossorigin -%}
80
+ crossorigin {%- endif -%} />
81
+ <span class="ml-3">CHOOSE FILE</span>
82
+ </div>
83
+ <div class="file-pick-dropdown" style="background-color:{{boxColor}}">
84
+ <i class="fas fa-angle-down arrow-sign"></i>
85
+ <div class="file-picker-dropdown" style="display: none">
86
+ <button id="filepicker">
87
+ <svg class="mr-3" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
88
+ <path id="Path" d="M8.33331 3H15.6666L23 15H15.6666L8.33331 3Z" fill="#FFC107"></path>
89
+ <path id="Path_2" d="M4.6012 21L8.30086 15H23L19.3333 21H4.6012Z" fill="#1976D2"></path>
90
+ <path id="Path_3" d="M1 15.0625L4.60119 21L12 9L8.33333 3L1 15.0625Z" fill="#4CAF50"></path>
91
+ </svg>
92
+ Google Drive
93
+ </button>
94
+ <button id="dropbox">
95
+ <svg class="mr-3" viewBox="0 0 24 24" fill="#0061FF" xmlns="http://www.w3.org/2000/svg">
96
+ <path id="icon"
97
+ 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">
98
+ </path>
99
+ </svg>
100
+ Dropbox
101
+ </button>
102
+ </div>
103
+ </div>
104
+ </div>
119
105
  </div>
120
- <div class="file-input" id="inputbox" style="color: #fff">
121
- <div class="m-auto">
122
- <div class="d-flex justify-content-center align-items-center">
123
- <div
124
- id="Inputbox"
125
- class="boxes"
126
- style="background-color: {{boxColor}};"
127
- >
128
- <img
129
- height="21px"
130
- width="21px"
131
- src="/assets/images/add.svg"
132
- alt="add"
133
- {%-
134
- if
135
- site.crossorigin
136
- -%}
137
- crossorigin
138
- {%-
139
- endif
140
- -%}
141
- />
142
- <span class="ml-3">CHOOSE FILE</span>
106
+ <p id="dropfile" class="text-dark">or drop your file here</p>
107
+ <p id="error" class="p-3"></p>
108
+ </div>
109
+ </div>
110
+ {%- endif -%} {%- if page.workspace -%}
111
+ <div class="workspace" style="display: none">
112
+ <div class="row mx-auto">
113
+ <div class="col-md-10 mx-auto">{{content}}</div>
114
+ </div>
115
+ </div>
116
+ {%- else -%}
117
+ <div class="workspace" style="display: none">
118
+ <div class="row">
119
+ <div class="col-12">
120
+ <div class="download-wrapper mt-3">
121
+ <div class="row rowclass">
122
+ <div class="col-7">
123
+ <div class="d-flex align-items-center">
124
+ <div class="select-format-title">image's format</div>
125
+ <div class="download-format">
126
+ <select name="image-format" id="image-format">
127
+ {%- if pageData.downloadFormats -%} {%- for item in
128
+ pageData.downloadFormats -%}
129
+ <option value="{{item}}">{{item}}</option>
130
+ {%- endfor -%} {%- else -%}
131
+ <option value="png">png</option>
132
+ <option value="jpg">jpg</option>
133
+ <option value="jpeg">jpeg</option>
134
+ <option value="webp">webp</option>
135
+ <option value="gif">gif</option>
136
+ {%- endif -%}
137
+ </select>
138
+ </div>
139
+ </div>
143
140
  </div>
144
- <div
145
- class="file-pick-dropdown"
146
- style="background-color:{{boxColor}}"
147
- >
148
- <i class="fas fa-angle-down arrow-sign"></i>
149
- <div class="file-picker-dropdown" style="display: none">
150
- <button id="filepicker">
151
- <svg
152
- class="mr-3"
153
- viewBox="0 0 24 24"
154
- xmlns="http://www.w3.org/2000/svg"
155
- >
156
- <path
157
- id="Path"
158
- d="M8.33331 3H15.6666L23 15H15.6666L8.33331 3Z"
159
- fill="#FFC107"
160
- ></path>
161
- <path
162
- id="Path_2"
163
- d="M4.6012 21L8.30086 15H23L19.3333 21H4.6012Z"
164
- fill="#1976D2"
165
- ></path>
166
- <path
167
- id="Path_3"
168
- d="M1 15.0625L4.60119 21L12 9L8.33333 3L1 15.0625Z"
169
- fill="#4CAF50"
170
- ></path>
171
- </svg>
172
- Google Drive
173
- </button>
174
- <button id="dropbox">
175
- <svg
176
- class="mr-3"
177
- viewBox="0 0 24 24"
178
- fill="#0061FF"
179
- xmlns="http://www.w3.org/2000/svg"
180
- >
141
+ <div class="col-5">
142
+ <div class="d-flex align-items-center">
143
+ <button id="download-button" style="background-color: {{pageData.color}};">
144
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
181
145
  <path
182
- id="icon"
183
- 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"
184
- ></path>
185
- </svg>
186
- Dropbox
146
+ 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" />
147
+ </svg>Download
187
148
  </button>
188
149
  </div>
189
150
  </div>
190
151
  </div>
191
152
  </div>
192
- <p id="dropfile" class="text-dark">or drop your file here</p>
193
- <p id="error" class="p-3"></p>
194
153
  </div>
195
154
  </div>
196
- <div class="workspace">
197
- <div class="row mx-auto">
198
- <div class="col-md-10 mx-auto">{{content}}</div>
155
+ {%- if page.commonStructure != false -%}
156
+ <div class="row">
157
+ <div class="col-md-7 mx-auto mb-2">
158
+ <div class="select-img-panel">
159
+ <div id="saving-data" style="display: none">
160
+ <img loading="lazy" src="/assets/images/loader.gif" alt="saving" />
161
+ <span class="ml-2" {%- if site.crossorigin -%} crossorigin {%- endif -%}>Saving your images...</span>
162
+ </div>
163
+ <div id="canvas-box-panel"></div>
164
+ </div>
165
+ </div>
166
+ <div class="col-md-5">
167
+ <div class="options-panel">
168
+ {%- if pageData.optionPanelTitle -%}
169
+ <div class="title">{{pageData.optionPanelTitle}}</div>
170
+ {%- endif -%} {{content}}
171
+ </div>
199
172
  </div>
200
173
  </div>
201
- {%- endif -%}
174
+ {%- else -%} {{content}} {%- endif -%}
202
175
  </div>
176
+ {%- endif -%}
203
177
  </div>
204
- {%- else -%} {%- if page.noBox == true -%}
205
- <div class="feature-content-box" id="theme-content-box">{{content}}</div>
206
- {%- else -%}
207
- <div class="box-padding" id="theme-content-box">
208
- <div class="d-flex" id="__cond-922051">
209
- <div class="flex-container">
210
- <div class="flex-class">
211
- <div class="d-flex flex-column">
212
- <div
213
- class="box"
214
- style="background:{{featureData.color}};min-height:{{featureData.height}};width:{{featureData.width}}"
215
- >
216
- <div class="box-border"></div>
217
- <div class="content-box">{{content}}</div>
218
- </div>
178
+ </div>
179
+ {%- else -%} {%- if page.noBox == true -%}
180
+ <div class="feature-content-box" id="theme-content-box">{{content}}</div>
181
+ {%- else -%}
182
+ <div class="box-padding" id="theme-content-box">
183
+ <div class="d-flex" id="__cond-922051">
184
+ <div class="flex-container">
185
+ <div class="flex-class">
186
+ <div class="d-flex flex-column">
187
+ <div class="box"
188
+ style="background:{{featureData.color}};min-height:{{featureData.height}};width:{{featureData.width}}">
189
+ <div class="box-border"></div>
190
+ <div class="content-box">{{content}}</div>
219
191
  </div>
220
192
  </div>
221
193
  </div>
222
194
  </div>
223
195
  </div>
224
- {%- endif -%} {%- endif -%} {%- if page.layout == "batch" -%}
225
- <div
226
- class="w-100 line"
227
- style="border-top: 1px solid rgb(224, 224, 224)"
228
- ></div>
229
- {%- endif -%}
230
- <div class="container mt-4 mb-5">
231
- <div class="row px-0">
232
- {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
196
+ </div>
197
+ {%- endif -%} {%- endif -%} {%- if page.layout == "batch" -%}
198
+ <div class="w-100 line" style="border-top: 1px solid rgb(224, 224, 224)"></div>
199
+ {%- endif -%}
200
+ <div class="container mt-4 mb-5">
201
+ <div class="row px-0">
202
+ {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
233
203
 
234
- <div class="col-md-9 mx-auto">
235
- <div class="row">
236
- {%- endif -%} {% for data in featureData.TEXTUAL_CONTENT %}
237
- <div
238
- class="{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%} col-md-6 my-4 {%- else -%} col-md-4 my-4 {%- endif -%}"
239
- >
240
- <div>
241
- <img
242
- class="feature-card-img"
243
- src="{{data.logoUrl}}"
244
- loading="lazy"
245
- height="48px"
246
- width="48px"
247
- alt="{{data.header}}"
248
- {%-
249
- if
250
- site.crossorigin
251
- -%}
252
- crossorigin
253
- {%-
254
- endif
255
- -%}
256
- />
257
- <div class="feature-card-title">
258
- {{data.header | replace: "$variable", page.value}}
259
- </div>
260
- <div class="feature-card-desc">
261
- {{data.content | replace: "$variable", page.value}}
262
- </div>
204
+ <div class="col-md-9 mx-auto">
205
+ <div class="row">
206
+ {%- endif -%}
207
+ {% assign totalHeaderCount = 0 %}
208
+ {% for data in featureData.TEXTUAL_CONTENT %}
209
+ {% assign totalHeaderCount = totalHeaderCount | plus: data.header.size %}
210
+ {% endfor %}
211
+ {% for data in featureData.TEXTUAL_CONTENT %}
212
+ <div
213
+ class="{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%} col-md-6 my-4 {%- else -%} col-md-4 my-4 {%- endif -%}">
214
+ <div>
215
+ <img class="feature-card-img" src="{{data.logoUrl}}" loading="lazy" height="48px" width="48px"
216
+ alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
217
+ <div class="feature-card-title">
218
+ {%- if totalHeaderCount > site.count_of_words_in_headings -%}
219
+ {%- for word in featureh2 -%} {%- if forloop.first == true -%} {{word
220
+ | capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
221
+ {%- else -%}
222
+ {{data.header | replace: "$variable", page.value}}
223
+ {%- endif -%}
224
+ </div>
225
+ <div class="feature-card-desc">
226
+ {{data.content | replace: "$variable", page.value}}
263
227
  </div>
264
228
  </div>
265
- {% endfor %} {%- if site.monumetricId and page.url != '/' and
266
- page.lang == 'en' -%}
267
229
  </div>
230
+ {% endfor %}
231
+
232
+
233
+
234
+
235
+
236
+
237
+
238
+
239
+ {%- if site.monumetricId and page.url != '/' and
240
+ page.lang == 'en' -%}
268
241
  </div>
269
- {%- endif -%}
270
242
  </div>
243
+ {%- endif -%}
271
244
  </div>
272
- <section class="how-to-section">
273
- <div class="container">
274
- <div class="row">
275
- {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
245
+ </div>
246
+ <section class="how-to-section">
247
+ <div class="container">
248
+ <div class="row">
249
+ {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
276
250
 
277
- <div class="col-md-9 mx-auto">
278
- <div class="row">
279
- {%- endif -%}
280
- <div class="col-md-6 order-0">
281
- {%- if featureData.HOW_TO_CONTENT.logoImageUrl -%}
282
- <div class="how-to-img-wrapper">
283
- <img
284
- class="how-to-leftimg"
285
- height="180px"
286
- width="300px"
287
- src="{{featureData.HOW_TO_CONTENT.logoImageUrl}}"
288
- loading="lazy"
289
- alt="{{featureData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}"
290
- {%-
291
- if
292
- site.crossorigin
293
- -%}
294
- crossorigin
295
- {%-
296
- endif
297
- -%}
298
- />
299
- </div>
300
- {%- endif -%}
251
+ <div class="col-md-9 mx-auto">
252
+ <div class="row">
253
+ {%- endif -%}
254
+ <div class="col-md-6 order-0">
255
+ {%- if featureData.HOW_TO_CONTENT.logoImageUrl -%}
256
+ <div class="how-to-img-wrapper">
257
+ <img class="how-to-leftimg" height="180px" width="300px"
258
+ src="{{featureData.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
259
+ alt="{{featureData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}" {%- if site.crossorigin
260
+ -%} crossorigin {%- endif -%} />
301
261
  </div>
302
- <div class="col-md-6 order-1">
303
- <div class="how-to-right">
304
- <h3 class="how-to-title text-left">
305
- {{featureData.HOW_TO_CONTENT.heading | replace: "$variable",
306
- page.value}}
307
- </h3>
308
- <ol class="how-to-list">
309
- {% for data in featureData.HOW_TO_CONTENT.steps %}
262
+ {%- endif -%}
263
+ </div>
264
+ <div class="col-md-6 order-1">
265
+ <div class="how-to-right">
266
+ <h3 class="how-to-title text-left">
267
+ {{featureData.HOW_TO_CONTENT.heading | replace: "$variable",
268
+ page.value}}
269
+ </h3>
270
+ <ol class="how-to-list">
271
+ {% for data in featureData.HOW_TO_CONTENT.steps %}
310
272
 
311
- <li id="step{{forloop.index}}" class="how-to-list-item">
312
- <span>{{forloop.index}}.</span>{{data | replace:
313
- "$variable", page.value}}
314
- </li>
315
- {% endfor %}
316
- </ol>
317
- </div>
273
+ <li id="step{{forloop.index}}" class="how-to-list-item">
274
+ <span>{{forloop.index}}.</span>{{data | replace:
275
+ "$variable", page.value}}
276
+ </li>
277
+ {% endfor %}
278
+ </ol>
318
279
  </div>
319
- {%- if site.monumetricId and page.url != '/' and page.lang == 'en'
320
- -%}
321
280
  </div>
281
+ {%- if site.monumetricId and page.url != '/' and page.lang == 'en'
282
+ -%}
322
283
  </div>
323
- {%- endif -%}
324
284
  </div>
285
+ {%- endif -%}
325
286
  </div>
326
- </section>
327
- {%- if page.layout == "feature" -%} {%- include bookmark.html -%} {%- endif
328
- -%} {%- assign showFaqs= true -%} {%- for item in site.noFaqsList -%} {%- if
329
- item == page.lang -%} {%- assign showFaqs = false -%} {%- break -%} {%- else
330
- -%} {%- assign showFaqs = true -%} {%- endif -%} {%- endfor -%} {%- if
331
- showFaqs == true -%} {%- if featureData.FAQ.size>0 -%}
332
- <section class="faq-section">
333
- <div class="container">
334
- <div class="row">
335
- <div class="col-md-8 mx-auto">
336
- <div class="faq">
337
- <h3 class="feature-h1 text-center mb-4">
338
- {{featureData.faqheading | default: 'Frequently Asked
339
- Questions'}}
340
- </h3>
341
- <ul class="list-unstyled">
342
- {% for data in featureData.FAQ %}
343
- <li>
344
- <h3 class="faq-question" itemprop="name">
345
- {{data.question | replace: "$variable", page.value}}<em
346
- style="transform: rotate(-135deg)"
347
- >
348
- <i></i
349
- ></em>
350
- </h3>
351
- <div style="display: block">
352
- <p class="faq-answer" itemprop="text">
353
- {{data.answer | replace: "$variable", page.value}}
354
- </p>
355
- </div>
356
- </li>
357
- {% endfor %}
358
- </ul>
359
- </div>
287
+ </div>
288
+ </section>
289
+ {%- if page.layout == "feature" -%} {%- include bookmark.html -%} {%- endif
290
+ -%} {%- assign showFaqs= true -%} {%- for item in site.noFaqsList -%} {%- if
291
+ item == page.lang -%} {%- assign showFaqs = false -%} {%- break -%} {%- else
292
+ -%} {%- assign showFaqs = true -%} {%- endif -%} {%- endfor -%} {%- if
293
+ showFaqs == true -%} {%- if featureData.FAQ.size>0 -%}
294
+ <section class="faq-section">
295
+ <div class="container">
296
+ <div class="row">
297
+ <div class="col-md-8 mx-auto">
298
+ <div class="faq">
299
+ <h3 class="feature-h1 text-center mb-4">
300
+ {{featureData.faqheading | default: 'Frequently Asked
301
+ Questions'}}
302
+ </h3>
303
+ <ul class="list-unstyled">
304
+ {% for data in featureData.FAQ %}
305
+ <li>
306
+ <h3 class="faq-question" itemprop="name">
307
+ {{data.question | replace: "$variable", page.value}}<em style="transform: rotate(-135deg)">
308
+ <i></i></em>
309
+ </h3>
310
+ <div style="display: block">
311
+ <p class="faq-answer" itemprop="text">
312
+ {{data.answer | replace: "$variable", page.value}}
313
+ </p>
314
+ </div>
315
+ </li>
316
+ {% endfor %}
317
+ </ul>
360
318
  </div>
361
319
  </div>
362
320
  </div>
363
- </section>
364
- {%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%-
365
- include Rating/rating.html -%} {%- include /Usp/usp.html -%} {%- if
366
- featureData.display_formats -%}
367
- <div class="container compare-table">
368
- {%- include fileformat/fileformatdetail.html -%}
369
- </div>
370
- {%- endif -%} {%- if featureData.compare_formats -%}
371
- <div class="container file-detail-table">
372
- {%- include fileformat/comparisonfiles.html -%}
373
321
  </div>
374
- {%- endif -%} {%- assign langen = "en" -%} {%- if
375
- site.data[folder][langen][file].categories -%} {% assign categories=
376
- site.data[folder][langen][file].categories %} {%- else -%} {% assign
377
- categories= page.categories %} {%- endif -%} {%- if
378
- site.data[folder][langen][file].tags -%} {% assign tags=
379
- site.data[folder][langen][file].tags %} {%- else -%} {% assign tags=
380
- page.tags %} {%- endif -%} {%- if categories.size> 0 or tags.size>0-%} {%-
381
- include section/related_categories_post.html -%} {%- else -%} {%- include
382
- section/recent_posts.html -%} {% endif %} {%- if site.customblogdata -%} {%-
383
- if categories.size> 0 or tags.size>0-%} {%- include
384
- customblog/relatedposts.html -%} {%- else -%} {%- include
385
- customblog/recentposts.html -%} {% endif %} {%- endif -%} {% include
386
- footer/index.html %} {% include script.html %}
387
- </body>
388
- </html>
322
+ </section>
323
+ {%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%-
324
+ include Rating/rating.html -%} {%- include /Usp/usp.html -%} {%- if
325
+ featureData.display_formats -%}
326
+ <div class="container compare-table">
327
+ {%- include fileformat/fileformatdetail.html -%}
328
+ </div>
329
+ {%- endif -%} {%- if featureData.compare_formats -%}
330
+ <div class="container file-detail-table">
331
+ {%- include fileformat/comparisonfiles.html -%}
332
+ </div>
333
+
334
+
335
+ {%- endif -%}
336
+ {%- assign langen = "en" -%}
337
+ {%- if site.data[folder][langen][file].categories -%}
338
+ {% assign categories= site.data[folder][langen][file].categories %}
339
+ {%- else -%}
340
+ {% assign categories= page.categories %}
341
+ {%- endif -%}
342
+ {%- if site.data[folder][langen][file].tags -%}
343
+ {% assign tags= site.data[folder][langen][file].tags %}
344
+ {%- else -%}
345
+ {% assign tags= page.tags %}
346
+ {%- endif -%}
347
+ {%- if categories.size> 0 or tags.size>0-%}
348
+ {%- include section/related_categories_post.html -%}
349
+ {%- else -%}
350
+ {%- include section/recent_posts.html -%}
351
+ {% endif %}
352
+ {%- if site.customblogdata -%}
353
+ {%- if categories.size> 0 or tags.size>0-%}
354
+ {%- include customblog/relatedposts.html -%}
355
+ {%- else -%}
356
+ {%- include customblog/recentposts.html -%}
357
+ {% endif %}
358
+ {%- endif -%}
359
+
360
+
361
+ {%- if featureData.author.size > 0 -%}
362
+ {% include featurePageAuthors/featurePageAuthors.html %}
363
+ {%- endif -%}
364
+ {% include footer/index.html %} {% include script.html %}
365
+
366
+ </body>
367
+
368
+ </html>