appscms-tools-theme 4.0.7 → 4.0.9

Sign up to get free protection for your applications and to get access to all the features.
Files changed (108) hide show
  1. checksums.yaml +4 -4
  2. data/_data/about/en/about.json +16 -16
  3. data/_data/blog/nav.json +13 -13
  4. data/_data/blog/relatedblogs.json +6932 -6932
  5. data/_data/download/en/download.json +73 -73
  6. data/_data/feature/en/3_shop_posters.json +361 -361
  7. data/_data/feature/en/allele-frequency.json +321 -321
  8. data/_data/feature/en/batch-conversion.json +153 -153
  9. data/_data/feature/en/compress-pdf.json +308 -308
  10. data/_data/feature/en/devtools.json +299 -299
  11. data/_data/feature/en/face-detection.json +123 -123
  12. data/_data/feature/en/split-pdf.json +176 -176
  13. data/_data/feature/en/theframe.json +126 -126
  14. data/_data/feature/hi/compress-pdf.json +162 -162
  15. data/_data/feature/tr/compress-pdf.json +161 -161
  16. data/_data/footer/en/data.json +167 -167
  17. data/_data/header/en/data.json +174 -174
  18. data/_data/home/en/en.json +381 -381
  19. data/_data/home/en/photoeffects.json +97 -97
  20. data/_data/home/en/posters.json +322 -322
  21. data/_data/home-1/en/en.json +308 -308
  22. data/_includes/appscms/customblog/pageRelatedPosts.html +84 -84
  23. data/_includes/appscms/customblog/recentposts.html +67 -67
  24. data/_includes/appscms/customblog/relatedBlogs.html +83 -83
  25. data/_includes/appscms/customblog/relatedposts.html +196 -196
  26. data/_includes/appscms/extras/appscms-postbox.html +65 -65
  27. data/_includes/appscms/featurePageAuthors/featurePageAuthors.html +97 -97
  28. data/_includes/appscms/head/bloghead.html +238 -238
  29. data/_includes/appscms/howto/howto.html +5 -5
  30. data/_includes/appscms/infographics/infographics.html +114 -109
  31. data/_includes/appscms/recent-posts/recent_posts.html +92 -92
  32. data/_includes/appscms/recent-posts/related_categories_post.html +198 -198
  33. data/_includes/author_bio.html +41 -41
  34. data/_includes/authorpagehead/index.html +47 -47
  35. data/_includes/authors/authors.html +117 -117
  36. data/_includes/batch-conversion.html +141 -141
  37. data/_includes/cssfile/links.html +54 -54
  38. data/_includes/custom-head.html +138 -138
  39. data/_includes/customCode.html +1 -1
  40. data/_includes/customScripts.html +1 -1
  41. data/_includes/customblog/pageRelatedPosts.html +87 -87
  42. data/_includes/customblog/relatedBlogs.html +86 -86
  43. data/_includes/dropdown/langdropdown.html +32 -32
  44. data/_includes/feature.html +39 -39
  45. data/_includes/featurePageAuthors/featurePageAuthors.html +97 -97
  46. data/_includes/footer/index.html +538 -538
  47. data/_includes/google-analytics.html +32 -32
  48. data/_includes/head/index.html +623 -623
  49. data/_includes/header/blogHeader.html +34 -34
  50. data/_includes/header/index.html +192 -192
  51. data/_includes/infographics/infographics.html +241 -231
  52. data/_includes/paginationBlogPage.html +70 -70
  53. data/_includes/script.html +557 -557
  54. data/_includes/share/socialshare.html +21 -21
  55. data/_includes/userTracking.html +43 -43
  56. data/_layouts/aboutUs.html +98 -98
  57. data/_layouts/allAuthors.html +131 -131
  58. data/_layouts/appscms-about.html +163 -163
  59. data/_layouts/appscms-audio.html +33 -33
  60. data/_layouts/appscms-author.html +408 -408
  61. data/_layouts/appscms-authors.html +132 -132
  62. data/_layouts/appscms-calculator.html +93 -93
  63. data/_layouts/appscms-categories.html +26 -26
  64. data/_layouts/appscms-contact.html +132 -132
  65. data/_layouts/appscms-disclaimer.html +124 -124
  66. data/_layouts/appscms-download.html +289 -289
  67. data/_layouts/appscms-feature-result.html +94 -94
  68. data/_layouts/appscms-help.html +25 -25
  69. data/_layouts/appscms-imagekit.html +113 -113
  70. data/_layouts/appscms-post.html +243 -243
  71. data/_layouts/appscms-privacy-policy.html +781 -781
  72. data/_layouts/appscms-terms-and-conditions.html +646 -646
  73. data/_layouts/appscms-video.html +33 -33
  74. data/_layouts/audio.html +33 -33
  75. data/_layouts/author.html +408 -408
  76. data/_layouts/batch.html +177 -177
  77. data/_layouts/blog.html +131 -131
  78. data/_layouts/calculator.html +99 -99
  79. data/_layouts/devtools.html +57 -57
  80. data/_layouts/feature-1.html +406 -406
  81. data/_layouts/feature.html +436 -434
  82. data/_layouts/featureResultPage.html +80 -80
  83. data/_layouts/frame.html +222 -222
  84. data/_layouts/home.html +300 -300
  85. data/_layouts/imagekit.html +303 -303
  86. data/_layouts/photo-effects-home.html +190 -190
  87. data/_layouts/post.html +233 -233
  88. data/assets/app.js +75 -75
  89. data/assets/css/appscms-blog.css +500 -500
  90. data/assets/css/appscms-feature.css +5 -2
  91. data/assets/css/appscms-home.css +5 -5
  92. data/assets/css/appscms-imagekit.css +854 -854
  93. data/assets/css/appscms-variables.css +18 -18
  94. data/assets/css/blog.css +509 -509
  95. data/assets/css/calculators.css +46 -46
  96. data/assets/css/devtools.css +105 -105
  97. data/assets/css/feature-1.css +293 -293
  98. data/assets/css/imagekit copy.css +848 -848
  99. data/assets/css/tools.css +1823 -1817
  100. data/assets/images/digipaint.svg +6 -6
  101. data/assets/images/logo.svg +2 -2
  102. data/assets/images/manthink.svg +3552 -3552
  103. data/assets/js/batch.js +256 -256
  104. data/assets/js/devtools.js +81 -81
  105. data/assets/js/sharePage.js +65 -65
  106. data/assets/js/usageTracking.js +143 -143
  107. data/assets/js/usageTrackingEvents.js +6 -6
  108. metadata +2 -2
@@ -1,434 +1,436 @@
1
- {% assign file = page.fileName %} {% assign lang = page.lang %} {% assign folder
2
- = page.folderName %} {% assign featureData= site.data[folder][lang][file] %}
3
- <!DOCTYPE html>
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>
19
- </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 -%}
26
-
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
74
- | capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
75
- </h2>
76
- </div>
77
- </div>
78
-
79
- {%- endif -%} {%- if site.noFeatureBox == true -%}
80
- <div class="feature-content-box" id="theme-content-box">{{content}}</div>
81
- {%- elsif site.newFeatureBox and page.newBox -%}
82
- <div class="feature-content-box" id="theme-content-box">
83
- <div class="container">
84
- {%- assign boxColor =
85
- site.data[page.folderName][page.lang][page.fileName].color -%} {%- if
86
- page.removeBox != true -%}
87
- <div class="custom-box" data-color="{{boxColor}}">
88
- <div style="display: none" id="file-loader">
89
- <img
90
- src="/assets/images/spinner.gif"
91
- alt="spinner"
92
- {%-
93
- if
94
- site.crossorigin
95
- -%}
96
- crossorigin
97
- {%-
98
- endif
99
- -%}
100
- />
101
- <p>Please Wait ,Loading Your file</p>
102
- </div>
103
- <div class="saving-file-download-wrap" style="display: none">
104
- <img
105
- loading="lazy"
106
- class="trust-img"
107
- src="/trust.svg"
108
- alt="trust"
109
- {%-
110
- if
111
- site.crossorigin
112
- -%}
113
- crossorigin
114
- {%-
115
- endif
116
- -%}
117
- />
118
- <p class="text-white my-2">Thanks for your patience</p>
119
- <button class="btn" id="download-zip">Download</button>
120
- </div>
121
- <div class="file-input" id="inputbox" style="color: #fff">
122
- <div class="m-auto">
123
- <div class="d-flex justify-content-center align-items-center">
124
- <div
125
- id="Inputbox"
126
- class="boxes"
127
- style="background: {{boxColor}};"
128
- >
129
- <img
130
- height="21px"
131
- width="21px"
132
- src="/assets/images/add.svg"
133
- alt="add"
134
- {%-
135
- if
136
- site.crossorigin
137
- -%}
138
- crossorigin
139
- {%-
140
- endif
141
- -%}
142
- />
143
- <span class="ml-3">CHOOSE FILE</span>
144
- </div>
145
- <div class="file-pick-dropdown" style="background:{{boxColor}}">
146
- <i class="fas fa-angle-down arrow-sign"></i>
147
- <div class="file-picker-dropdown" style="display: none">
148
- <button id="filepicker">
149
- <svg
150
- class="mr-3"
151
- viewBox="0 0 24 24"
152
- xmlns="http://www.w3.org/2000/svg"
153
- >
154
- <path
155
- id="Path"
156
- d="M8.33331 3H15.6666L23 15H15.6666L8.33331 3Z"
157
- fill="#FFC107"
158
- ></path>
159
- <path
160
- id="Path_2"
161
- d="M4.6012 21L8.30086 15H23L19.3333 21H4.6012Z"
162
- fill="#1976D2"
163
- ></path>
164
- <path
165
- id="Path_3"
166
- d="M1 15.0625L4.60119 21L12 9L8.33333 3L1 15.0625Z"
167
- fill="#4CAF50"
168
- ></path>
169
- </svg>
170
- Google Drive
171
- </button>
172
- <button id="dropbox">
173
- <svg
174
- class="mr-3"
175
- viewBox="0 0 24 24"
176
- fill="#0061FF"
177
- xmlns="http://www.w3.org/2000/svg"
178
- >
179
- <path
180
- id="icon"
181
- 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"
182
- ></path>
183
- </svg>
184
- Dropbox
185
- </button>
186
- </div>
187
- </div>
188
- </div>
189
- </div>
190
- <p id="dropfile" class="text-dark">or drop your file here</p>
191
- <p id="error" class="p-3"></p>
192
- </div>
193
- </div>
194
- <div class="workspace">
195
- <div class="row mx-auto">
196
- <div class="col-md-10 mx-auto">{{content}}</div>
197
- </div>
198
- </div>
199
- {%- endif -%}
200
- </div>
201
- </div>
202
- {%- else -%} {%- if page.noBox == true -%}
203
- <div class="feature-content-box" id="theme-content-box">{{content}}</div>
204
- {%- else -%}
205
- <div class="box-padding" id="theme-content-box">
206
- <div class="d-flex" id="__cond-922051">
207
- <div class="flex-container">
208
- <div class="flex-class">
209
- <div class="d-flex flex-column">
210
- <div
211
- class="box"
212
- style="background:{{featureData.color}};min-height:{{featureData.height}};width:{{featureData.width}}"
213
- >
214
- <div class="box-border"></div>
215
- <div class="content-box">{{content}}</div>
216
- </div>
217
- </div>
218
- </div>
219
- </div>
220
- </div>
221
- </div>
222
- {%- endif -%} {%- endif -%} {%- if page.layout == "batch" -%}
223
- <div
224
- class="w-100 line"
225
- style="border-top: 1px solid rgb(224, 224, 224)"
226
- ></div>
227
- {%- endif -%}
228
-
229
- <div class="container mt-4 mb-5">
230
- <div class="row px-0">
231
- {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
232
- <div class="col-md-9 mx-auto">
233
- <div class="row">
234
- {%- endif -%} {% assign totalHeaderCount = 0 %} {% for data in
235
- featureData.TEXTUAL_CONTENT %} {% assign words = data.header |
236
- split: " " %} {% assign word_count = words | size %} {% assign
237
- totalHeaderCount = totalHeaderCount | plus: word_count %} {% endfor
238
- %} {% for data in featureData.TEXTUAL_CONTENT %}
239
- <div
240
- class="{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%} col-md-6 my-4 {%- else -%} col-md-4 my-4 {%- endif -%}"
241
- >
242
- <div>
243
- <img
244
- class="feature-card-img"
245
- src="{{data.logoUrl}}"
246
- loading="lazy"
247
- height="48px"
248
- width="48px"
249
- alt="{{data.header}}"
250
- {%-
251
- if
252
- site.crossorigin
253
- -%}
254
- crossorigin
255
- {%-
256
- endif
257
- -%}
258
- />
259
-
260
- {%- if totalHeaderCount > site.count_of_words_in_headings -%}
261
- <h2 class="feature-card-title">
262
- {{data.header | replace: "$variable", page.value}}
263
- </h2>
264
- {%- else -%}
265
- <div class="feature-card-title">
266
- {{data.header | replace: "$variable", page.value}}
267
- </div>
268
- {%- endif -%}
269
- <div class="feature-card-desc">
270
- {{data.content | replace: "$variable", page.value}}
271
- </div>
272
- </div>
273
- </div>
274
- {% endfor %} {%- if site.monumetricId and page.url != '/' and
275
- page.lang == 'en' -%}
276
- </div>
277
- </div>
278
- {%- endif -%}
279
- </div>
280
- </div>
281
- <section class="how-to-section">
282
- <div class="container">
283
- <div class="row">
284
- {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
285
- <div class="col-md-9 mx-auto">
286
- <div class="row">
287
- {%- endif -%}
288
- <div class="col-md-6 order-0">
289
- {%- if featureData.HOW_TO_CONTENT.YoutubeVideoUrl.size > 0 -%}
290
- <div class="how-to-video-wrapper">
291
- {% assign video_url =
292
- featureData.HOW_TO_CONTENT.YoutubeVideoUrl %} {% assign
293
- video_id = "" %} {% if video_url contains "youtu.be/" %} {%
294
- assign parts = video_url | split: "/" %} {% assign video_id =
295
- parts[3] %} {% elsif video_url contains "youtube.com/watch" %}
296
- {% assign params = video_url | split: "?" | last | split: "&"
297
- %} {% for param in params %} {% if param contains "v=" %} {%
298
- assign video_id = param | split: "=" | last %} {% endif %} {%
299
- endfor %} {% endif %} {%- if site.monumetricId -%}
300
- <iframe
301
- class="youtubeVideoPlayer mb-5"
302
- width="400"
303
- height="315"
304
- src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1"
305
- allowfullscreen
306
- >
307
- </iframe>
308
- {%- else -%}
309
- <iframe
310
- class="youtubeVideoPlayer mb-5"
311
- width="500"
312
- height="315"
313
- src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1"
314
- allowfullscreen
315
- >
316
- </iframe>
317
- {%- endif -%}
318
- </div>
319
- {%- else -%}
320
- <div class="how-to-img-wrapper">
321
- <img
322
- class="how-to-leftimg"
323
- height="180px"
324
- width="300px"
325
- src="{{featureData.HOW_TO_CONTENT.logoImageUrl}}"
326
- loading="lazy"
327
- alt="{{featureData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}"
328
- {%-
329
- if
330
- site.crossorigin
331
- -%}
332
- crossorigin
333
- {%-
334
- endif
335
- -%}
336
- />
337
- </div>
338
- {%- endif -%}
339
- </div>
340
- <div class="col-md-6 order-1">
341
- <div class="how-to-right">
342
- <h3 class="how-to-title text-left">
343
- {{featureData.HOW_TO_CONTENT.heading | replace: "$variable",
344
- page.value}}
345
- </h3>
346
- <ol class="how-to-list">
347
- {% for data in featureData.HOW_TO_CONTENT.steps %}
348
-
349
- <li id="step{{forloop.index}}" class="how-to-list-item">
350
- <span>{{forloop.index}}.</span>{{data | replace:
351
- "$variable", page.value}}
352
- </li>
353
- {% endfor %}
354
- </ol>
355
- </div>
356
- </div>
357
- {%- if site.monumetricId and page.url != '/' and page.lang == 'en'
358
- -%}
359
- </div>
360
- </div>
361
- {%- endif -%}
362
- </div>
363
- </div>
364
- </section>
365
-
366
- {%- if page.layout == "feature" -%} {%- include bookmark.html -%} {%- endif
367
- -%} {%- assign showFaqs= true -%} {%- for item in site.noFaqsList -%} {%- if
368
- item == page.lang -%} {%- assign showFaqs = false -%} {%- break -%} {%- else
369
- -%} {%- assign showFaqs = true -%} {%- endif -%} {%- endfor -%} {%- if
370
- showFaqs == true -%} {%- if featureData.FAQ.size>0 -%}
371
- <section class="faq-section">
372
- <div class="container">
373
- <div class="row">
374
- <div class="col-md-8 mx-auto">
375
- <div class="faq">
376
- <h3 class="feature-h1 text-center mb-4">
377
- {{featureData.faqheading | default: 'Frequently Asked
378
- Questions'}}
379
- </h3>
380
- <ul class="list-unstyled">
381
- {% for data in featureData.FAQ %}
382
- <li>
383
- <h3 class="faq-question" itemprop="name">
384
- {{data.question | replace: "$variable", page.value}}<em
385
- style="transform: rotate(-135deg)"
386
- >
387
- <i></i
388
- ></em>
389
- </h3>
390
- <div style="display: block">
391
- <p class="faq-answer" itemprop="text">
392
- {{data.answer | replace: "$variable", page.value}}
393
- </p>
394
- </div>
395
- </li>
396
- {% endfor %}
397
- </ul>
398
- </div>
399
- </div>
400
- </div>
401
- </div>
402
- </section>
403
- {%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%-
404
- include Rating/rating.html -%} {%- if featureData.infographics.size > 0 -%}
405
- {%- include infographics/infographics.html -%} {%- endif -%} {%- include
406
- /Usp/usp.html -%} {%- if featureData.display_formats -%}
407
- <div class="container compare-table">
408
- {%- include fileformat/fileformatdetail.html -%}
409
- </div>
410
- {%- endif -%} {%- if featureData.compare_formats -%}
411
- <div class="container file-detail-table">
412
- {%- include fileformat/comparisonfiles.html -%}
413
- </div>
414
-
415
- {%- endif -%} {%- if site.userTrackingCount -%} {%- include
416
- userTracking.html -%} {%- endif -%} {%- assign langen = "en" -%} {%- if
417
- site.data[folder][langen][file].categories -%} {% assign categories=
418
- site.data[folder][langen][file].categories %} {%- else -%} {% assign
419
- categories= page.categories %} {%- endif -%} {%- if
420
- site.data[folder][langen][file].tags -%} {% assign tags=
421
- site.data[folder][langen][file].tags %} {%- else -%} {% assign tags=
422
- page.tags %} {%- endif -%} {%- if featureData.posts.size > 0 -%} {%- include
423
- customblog/pageRelatedPosts.html -%} {%- else -%} {%- if categories.size > 0
424
- or tags.size > 0 -%} {%- include section/related_categories_post.html -%}
425
- {%- else -%} {%- include section/recent_posts.html -%} {%- endif -%} {%-
426
- endif -%} {%- if site.customblogdata -%} {%- if categories.size> 0 or
427
- tags.size>0-%} {%- include customblog/relatedposts.html -%} {%- else -%} {%-
428
- include customblog/recentposts.html -%} {% endif %} {%- endif -%} {%- if
429
- featureData.author.size > 0 -%} {% include
430
- featurePageAuthors/featurePageAuthors.html %} {%- endif -%} {% include
431
- footer/index.html %} {%- if site.customCode -%} {%- include customCode.html
432
- -%} {%- endif -%} {% include script.html %}
433
- </body>
434
- </html>
1
+ {% assign file = page.fileName %} {% assign lang = page.lang %} {% assign folder
2
+ = page.folderName %} {% assign featureData= site.data[folder][lang][file] %}
3
+ <!DOCTYPE html>
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>
19
+ </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 -%}
26
+
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
74
+ | capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
75
+ </h2>
76
+ </div>
77
+ </div>
78
+
79
+ {%- endif -%} {%- if site.noFeatureBox == true -%}
80
+ <div class="feature-content-box" id="theme-content-box">{{content}}</div>
81
+ {%- elsif site.newFeatureBox and page.newBox -%}
82
+ <div class="feature-content-box" id="theme-content-box">
83
+ <div class="container">
84
+ {%- assign boxColor =
85
+ site.data[page.folderName][page.lang][page.fileName].color -%} {%- if
86
+ page.removeBox != true -%}
87
+ <div class="custom-box" data-color="{{boxColor}}">
88
+ <div style="display: none" id="file-loader">
89
+ <img
90
+ src="/assets/images/spinner.gif"
91
+ alt="spinner"
92
+ {%-
93
+ if
94
+ site.crossorigin
95
+ -%}
96
+ crossorigin
97
+ {%-
98
+ endif
99
+ -%}
100
+ />
101
+ <p>Please Wait ,Loading Your file</p>
102
+ </div>
103
+ <div class="saving-file-download-wrap" style="display: none">
104
+ <img
105
+ loading="lazy"
106
+ class="trust-img"
107
+ src="/trust.svg"
108
+ alt="trust"
109
+ {%-
110
+ if
111
+ site.crossorigin
112
+ -%}
113
+ crossorigin
114
+ {%-
115
+ endif
116
+ -%}
117
+ />
118
+ <p class="text-white my-2">Thanks for your patience</p>
119
+ <button class="btn" id="download-zip">Download</button>
120
+ </div>
121
+ <div class="file-input" id="inputbox" style="color: #fff">
122
+ <div class="m-auto">
123
+ <div class="d-flex justify-content-center align-items-center">
124
+ <div
125
+ id="Inputbox"
126
+ class="boxes"
127
+ style="background: {{boxColor}};"
128
+ >
129
+ <img
130
+ height="21px"
131
+ width="21px"
132
+ src="/assets/images/add.svg"
133
+ alt="add"
134
+ {%-
135
+ if
136
+ site.crossorigin
137
+ -%}
138
+ crossorigin
139
+ {%-
140
+ endif
141
+ -%}
142
+ />
143
+ <span class="ml-3">CHOOSE FILE</span>
144
+ </div>
145
+ <div class="file-pick-dropdown" style="background:{{boxColor}}">
146
+ <i class="fas fa-angle-down arrow-sign"></i>
147
+ <div class="file-picker-dropdown" style="display: none">
148
+ <button id="filepicker">
149
+ <svg
150
+ class="mr-3"
151
+ viewBox="0 0 24 24"
152
+ xmlns="http://www.w3.org/2000/svg"
153
+ >
154
+ <path
155
+ id="Path"
156
+ d="M8.33331 3H15.6666L23 15H15.6666L8.33331 3Z"
157
+ fill="#FFC107"
158
+ ></path>
159
+ <path
160
+ id="Path_2"
161
+ d="M4.6012 21L8.30086 15H23L19.3333 21H4.6012Z"
162
+ fill="#1976D2"
163
+ ></path>
164
+ <path
165
+ id="Path_3"
166
+ d="M1 15.0625L4.60119 21L12 9L8.33333 3L1 15.0625Z"
167
+ fill="#4CAF50"
168
+ ></path>
169
+ </svg>
170
+ Google Drive
171
+ </button>
172
+ <button id="dropbox">
173
+ <svg
174
+ class="mr-3"
175
+ viewBox="0 0 24 24"
176
+ fill="#0061FF"
177
+ xmlns="http://www.w3.org/2000/svg"
178
+ >
179
+ <path
180
+ id="icon"
181
+ 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"
182
+ ></path>
183
+ </svg>
184
+ Dropbox
185
+ </button>
186
+ </div>
187
+ </div>
188
+ </div>
189
+ </div>
190
+ <p id="dropfile" class="text-dark">or drop your file here</p>
191
+ <p id="error" class="p-3"></p>
192
+ </div>
193
+ </div>
194
+ <div class="workspace">
195
+ <div class="row mx-auto">
196
+ <div class="col-md-10 mx-auto">{{content}}</div>
197
+ </div>
198
+ </div>
199
+ {%- endif -%}
200
+ </div>
201
+ </div>
202
+ {%- else -%} {%- if page.noBox == true -%}
203
+ <div class="feature-content-box" id="theme-content-box">{{content}}</div>
204
+ {%- else -%}
205
+ <div class="box-padding" id="theme-content-box">
206
+ <div class="d-flex" id="__cond-922051">
207
+ <div class="flex-container">
208
+ <div class="flex-class">
209
+ <div class="d-flex flex-column">
210
+ <div
211
+ class="box"
212
+ style="background:{{featureData.color}};min-height:{{featureData.height}};width:{{featureData.width}}"
213
+ >
214
+ <div class="box-border"></div>
215
+ <div class="content-box">{{content}}</div>
216
+ </div>
217
+ </div>
218
+ </div>
219
+ </div>
220
+ </div>
221
+ </div>
222
+ {%- endif -%} {%- endif -%} {%- if page.layout == "batch" -%}
223
+ <div
224
+ class="w-100 line"
225
+ style="border-top: 1px solid rgb(224, 224, 224)"
226
+ ></div>
227
+ {%- endif -%}
228
+
229
+ <div class="container mt-4 mb-5">
230
+ <div class="row px-0">
231
+ {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
232
+ <div class="col-md-9 mx-auto">
233
+ <div class="row">
234
+ {%- endif -%} {% assign totalHeaderCount = 0 %} {% for data in
235
+ featureData.TEXTUAL_CONTENT %} {% assign words = data.header |
236
+ split: " " %} {% assign word_count = words | size %} {% assign
237
+ totalHeaderCount = totalHeaderCount | plus: word_count %} {% endfor
238
+ %} {% for data in featureData.TEXTUAL_CONTENT %}
239
+ <div
240
+ class="{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%} col-md-6 my-4 {%- else -%} col-md-4 my-4 {%- endif -%}"
241
+ >
242
+ <div>
243
+ <img
244
+ class="feature-card-img"
245
+ src="{{data.logoUrl}}"
246
+ loading="lazy"
247
+ height="48px"
248
+ width="48px"
249
+ alt="{{data.header}}"
250
+ {%-
251
+ if
252
+ site.crossorigin
253
+ -%}
254
+ crossorigin
255
+ {%-
256
+ endif
257
+ -%}
258
+ />
259
+
260
+ {%- if totalHeaderCount > site.count_of_words_in_headings -%}
261
+ <h2 class="feature-card-title">
262
+ {{data.header | replace: "$variable", page.value}}
263
+ </h2>
264
+ {%- else -%}
265
+ <div class="feature-card-title">
266
+ {{data.header | replace: "$variable", page.value}}
267
+ </div>
268
+ {%- endif -%}
269
+ <div class="feature-card-desc">
270
+ {{data.content | replace: "$variable", page.value}}
271
+ </div>
272
+ </div>
273
+ </div>
274
+ {% endfor %} {%- if site.monumetricId and page.url != '/' and
275
+ page.lang == 'en' -%}
276
+ </div>
277
+ </div>
278
+ {%- endif -%}
279
+ </div>
280
+ </div>
281
+ <section class="how-to-section">
282
+ <div class="container">
283
+ <div class="row">
284
+ {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
285
+ <div class="col-md-9 mx-auto">
286
+ <div class="row">
287
+ {%- endif -%}
288
+ <div class="col-md-6 order-0">
289
+ {%- if featureData.HOW_TO_CONTENT.YoutubeVideoUrl.size > 0 -%}
290
+ <div class="how-to-video-wrapper">
291
+ {% assign video_url =
292
+ featureData.HOW_TO_CONTENT.YoutubeVideoUrl %} {% assign
293
+ video_id = "" %} {% if video_url contains "youtu.be/" %} {%
294
+ assign parts = video_url | split: "/" %} {% assign video_id =
295
+ parts[3] %} {% elsif video_url contains "youtube.com/watch" %}
296
+ {% assign params = video_url | split: "?" | last | split: "&"
297
+ %} {% for param in params %} {% if param contains "v=" %} {%
298
+ assign video_id = param | split: "=" | last %} {% endif %} {%
299
+ endfor %} {% endif %} {%- if site.monumetricId -%}
300
+ <iframe
301
+ class="youtubeVideoPlayer mb-5"
302
+ loading="lazy"
303
+ height="100%"
304
+ width="100%"
305
+ src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1"
306
+ allowfullscreen
307
+ >
308
+ </iframe>
309
+ {%- else -%}
310
+ <iframe
311
+ height="100%"
312
+ width="100%"
313
+ loading="lazy"
314
+ class="youtubeVideoPlayer mb-5"
315
+ src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1"
316
+ allowfullscreen
317
+ >
318
+ </iframe>
319
+ {%- endif -%}
320
+ </div>
321
+ {%- else -%}
322
+ <div class="how-to-img-wrapper">
323
+ <img
324
+ class="how-to-leftimg"
325
+ height="180px"
326
+ width="300px"
327
+ src="{{featureData.HOW_TO_CONTENT.logoImageUrl}}"
328
+ loading="lazy"
329
+ alt="{{featureData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}"
330
+ {%-
331
+ if
332
+ site.crossorigin
333
+ -%}
334
+ crossorigin
335
+ {%-
336
+ endif
337
+ -%}
338
+ />
339
+ </div>
340
+ {%- endif -%}
341
+ </div>
342
+ <div class="col-md-6 order-1">
343
+ <div class="how-to-right">
344
+ <h3 class="how-to-title text-left">
345
+ {{featureData.HOW_TO_CONTENT.heading | replace: "$variable",
346
+ page.value}}
347
+ </h3>
348
+ <ol class="how-to-list">
349
+ {% for data in featureData.HOW_TO_CONTENT.steps %}
350
+
351
+ <li id="step{{forloop.index}}" class="how-to-list-item">
352
+ <span>{{forloop.index}}.</span>{{data | replace:
353
+ "$variable", page.value}}
354
+ </li>
355
+ {% endfor %}
356
+ </ol>
357
+ </div>
358
+ </div>
359
+ {%- if site.monumetricId and page.url != '/' and page.lang == 'en'
360
+ -%}
361
+ </div>
362
+ </div>
363
+ {%- endif -%}
364
+ </div>
365
+ </div>
366
+ </section>
367
+
368
+ {%- if page.layout == "feature" -%} {%- include bookmark.html -%} {%- endif
369
+ -%} {%- assign showFaqs= true -%} {%- for item in site.noFaqsList -%} {%- if
370
+ item == page.lang -%} {%- assign showFaqs = false -%} {%- break -%} {%- else
371
+ -%} {%- assign showFaqs = true -%} {%- endif -%} {%- endfor -%} {%- if
372
+ showFaqs == true -%} {%- if featureData.FAQ.size>0 -%}
373
+ <section class="faq-section">
374
+ <div class="container">
375
+ <div class="row">
376
+ <div class="col-md-8 mx-auto">
377
+ <div class="faq">
378
+ <h3 class="feature-h1 text-center mb-4">
379
+ {{featureData.faqheading | default: 'Frequently Asked
380
+ Questions'}}
381
+ </h3>
382
+ <ul class="list-unstyled">
383
+ {% for data in featureData.FAQ %}
384
+ <li>
385
+ <h3 class="faq-question" itemprop="name">
386
+ {{data.question | replace: "$variable", page.value}}<em
387
+ style="transform: rotate(-135deg)"
388
+ >
389
+ <i></i
390
+ ></em>
391
+ </h3>
392
+ <div style="display: block">
393
+ <p class="faq-answer" itemprop="text">
394
+ {{data.answer | replace: "$variable", page.value}}
395
+ </p>
396
+ </div>
397
+ </li>
398
+ {% endfor %}
399
+ </ul>
400
+ </div>
401
+ </div>
402
+ </div>
403
+ </div>
404
+ </section>
405
+ {%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%-
406
+ include Rating/rating.html -%} {%- if featureData.infographics.size > 0 -%}
407
+ {%- include infographics/infographics.html -%} {%- endif -%} {%- include
408
+ /Usp/usp.html -%} {%- if featureData.display_formats -%}
409
+ <div class="container compare-table">
410
+ {%- include fileformat/fileformatdetail.html -%}
411
+ </div>
412
+ {%- endif -%} {%- if featureData.compare_formats -%}
413
+ <div class="container file-detail-table">
414
+ {%- include fileformat/comparisonfiles.html -%}
415
+ </div>
416
+
417
+ {%- endif -%} {%- if site.userTrackingCount -%} {%- include
418
+ userTracking.html -%} {%- endif -%} {%- assign langen = "en" -%} {%- if
419
+ site.data[folder][langen][file].categories -%} {% assign categories=
420
+ site.data[folder][langen][file].categories %} {%- else -%} {% assign
421
+ categories= page.categories %} {%- endif -%} {%- if
422
+ site.data[folder][langen][file].tags -%} {% assign tags=
423
+ site.data[folder][langen][file].tags %} {%- else -%} {% assign tags=
424
+ page.tags %} {%- endif -%} {%- if featureData.posts.size > 0 -%} {%- include
425
+ customblog/pageRelatedPosts.html -%} {%- else -%} {%- if categories.size > 0
426
+ or tags.size > 0 -%} {%- include section/related_categories_post.html -%}
427
+ {%- else -%} {%- include section/recent_posts.html -%} {%- endif -%} {%-
428
+ endif -%} {%- if site.customblogdata -%} {%- if categories.size> 0 or
429
+ tags.size>0-%} {%- include customblog/relatedposts.html -%} {%- else -%} {%-
430
+ include customblog/recentposts.html -%} {% endif %} {%- endif -%} {%- if
431
+ featureData.author.size > 0 -%} {% include
432
+ featurePageAuthors/featurePageAuthors.html %} {%- endif -%} {% include
433
+ footer/index.html %} {%- if site.customCode -%} {%- include customCode.html
434
+ -%} {%- endif -%} {% include script.html %}
435
+ </body>
436
+ </html>