appscms-tools-theme 3.7.6 → 3.7.8

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.
Files changed (46) hide show
  1. checksums.yaml +4 -4
  2. data/_data/feature/en/3_shop_posters.json +8 -8
  3. data/_data/feature/en/allele-frequency.json +1 -1
  4. data/_data/feature/en/batch-conversion.json +1 -1
  5. data/_data/feature/en/compress-pdf.json +1 -1
  6. data/_data/feature/en/devtools.json +1 -1
  7. data/_data/feature/en/face-detection.json +1 -1
  8. data/_data/feature/en/split-pdf.json +1 -1
  9. data/_data/feature/en/theframe.json +1 -1
  10. data/_data/feature/hi/compress-pdf.json +1 -1
  11. data/_data/feature/tr/compress-pdf.json +1 -1
  12. data/_data/header/en/data.json +2 -2
  13. data/_data/home/en/en.json +1 -1
  14. data/_data/home/en/photoeffects.json +1 -1
  15. data/_data/home-1/en/en.json +1 -1
  16. data/_includes/.DS_Store +0 -0
  17. data/_includes/appscms/category-tabs/category-tabs.html +17 -0
  18. data/_includes/appscms/extras/ratings.html +33 -0
  19. data/_includes/appscms/extras/recent-posts.html +1 -0
  20. data/_includes/appscms/extras/traffic-count.html +21 -0
  21. data/_includes/appscms/faq/faq.html +46 -0
  22. data/_includes/appscms/featurehighlight/featurehighlight.html +56 -0
  23. data/_includes/appscms/footer/footer.html +283 -0
  24. data/_includes/appscms/footer/products.html +40 -0
  25. data/_includes/appscms/head/head.html +452 -0
  26. data/_includes/appscms/headings/headings.html +19 -0
  27. data/_includes/appscms/home/feature-boxes.html +21 -0
  28. data/_includes/appscms/howto/howto.html +74 -0
  29. data/_includes/appscms/navbars/navbar.html +50 -0
  30. data/_includes/appscms/navbars/toolbar.html +49 -0
  31. data/_includes/appscms/recent-posts/recent-posts.html +90 -0
  32. data/_includes/appscms/scripts/script.html +135 -0
  33. data/_includes/appscms/searchbar/searchbar.html +22 -0
  34. data/_includes/appscms/uploadbutton/uploadbutton.html +44 -0
  35. data/_layouts/appscms-blog.html +31 -0
  36. data/_layouts/appscms-feature.html +32 -0
  37. data/_layouts/appscms-home.html +27 -0
  38. data/assets/.DS_Store +0 -0
  39. data/assets/css/appscms-feature.css +362 -0
  40. data/assets/css/appscms-home.css +0 -0
  41. data/assets/css/appscms-theme.css +780 -0
  42. data/assets/document.png +0 -0
  43. data/assets/dropbox.png +0 -0
  44. data/assets/gdrive.png +0 -0
  45. data/assets/js/appscms-theme.js +62 -0
  46. metadata +31 -2
@@ -0,0 +1,452 @@
1
+ <head>
2
+ {% assign file = page.fileName %} {% assign lang = page.lang %} {% assign
3
+ dataArr = site.data.[page.folderName][lang][file] %} {% assign dataToShow =
4
+ dataArr %} {% assign title = dataToShow.TITLE | replace: "$variable",
5
+ page.value | default: page.title | default: site.title %} {% assign
6
+ description = dataToShow.META | replace: "$variable", page.value | default:
7
+ page.description | default: site.description %} {% assign keywords =
8
+ dataToShow.keywords %} {% assign favicon = site.favicon %} {%- assign title =
9
+ title | split: ' ' -%} {%- assign newtitle = '' %} {% for operation in title
10
+ %} {%- if forloop.first -%} {% assign word = operation | capitalize %} {%
11
+ assign newtitle = newtitle | append: word %} {% assign newtitle = newtitle |
12
+ append: " " %} {%- else -%} {% assign word = operation %} {%- if forloop.last
13
+ -%} {% assign newtitle = newtitle | append: word %} {%- else -%} {% assign
14
+ newtitle = newtitle | append: word %} {% assign newtitle = newtitle | append :
15
+ " " %} {%- endif -%} {%- endif -%} {% endfor %} {%- assign description =
16
+ description | split: ' ' -%} {% assign pagedescription = '' %} {% for
17
+ operation in description %} {%- if forloop.first -%} {% assign word =
18
+ operation | capitalize %} {% assign pagedescription = pagedescription | append
19
+ : word %} {% assign pagedescription = pagedescription | append: " " %} {%-
20
+ else -%} {% assign word = operation %} {%- if forloop.last -%} {% assign
21
+ pagedescription = pagedescription | append: word %} {%- else -%} {% assign
22
+ pagedescription = pagedescription | append: word %} {% assign pagedescription
23
+ = pagedescription | append: " " %} {%- endif -%} {%- endif -%} {% endfor %}
24
+ {%- assign title = newtitle -%} {%- assign description = pagedescription -%}
25
+ <meta charset="utf-8" />
26
+ <link rel="shortcut icon" href="{{favicon}}" />
27
+ <meta name="viewport" content="width=device-width" />
28
+
29
+ {%- if page.layout == "aboutUs" -%}
30
+
31
+ <title>{{ site.name }} - About us | {{ title }}</title>
32
+ {% elsif page.layout == "termAndCondition" %}
33
+ <title>{{ site.name }} - Terms and conditions | {{ title }}</title>
34
+ {% elsif page.layout == "disclaimer" %}
35
+ <title>{{ site.name }} - Disclaimer | {{ title }}</title>
36
+ {% elsif page.layout == "privacyPolicy" %}
37
+ <title>{{ site.name }} - Privacy policy | {{ title }}</title>
38
+ {% elsif page.layout == "contactUs" %}
39
+ <title>{{ site.name }} - Contact | {{ title }}</title>
40
+ {% elsif page.layout == "help" %}
41
+ <title>{{ site.name }} - Help | {{ title }}</title>
42
+ {%- else -%}
43
+
44
+ <title>{{ newtitle }}</title>
45
+
46
+ {%- endif -%} {%- if dataToShow.keywords -%}
47
+
48
+ <meta name="keywords" content="{{keywords}}" />
49
+
50
+ {%- endif -%} {%- if page.layout == "aboutUs" -%}
51
+
52
+ <meta
53
+ name="description"
54
+ content="{{site.name}} - About us | {{description}}"
55
+ />
56
+ {% elsif page.layout == "termAndCondition" %}
57
+ <meta
58
+ name="description"
59
+ content="{{site.name}} - Terms and conditions | {{description}}"
60
+ />
61
+ {% elsif page.layout == "disclaimer" %}
62
+ <meta
63
+ name="description"
64
+ content="{{site.name}} - Disclaimer | {{description}}"
65
+ />
66
+ {% elsif page.layout == "privacyPolicy" %}
67
+ <meta
68
+ name="description"
69
+ content="{{site.name}} - Privacy policy | {{description}}"
70
+ />
71
+ {% elsif page.layout == "contactUs" %}
72
+ <meta
73
+ name="description"
74
+ content="{{site.name}} - Contact | {{description}}"
75
+ />
76
+ {%- else -%}
77
+ <meta name="description" content="{{description}}" />
78
+
79
+ {%- endif -%}
80
+
81
+ <link rel="canonical" href="{{site.url | append: page.url}}" />
82
+
83
+ <link
84
+ rel="stylesheet"
85
+ href="/assets/css/bootstrap.min.css"
86
+ {%-
87
+ if
88
+ site.crossorigin
89
+ -%}
90
+ {{
91
+ }}
92
+ crossorigin="anonymous"
93
+ {%-
94
+ endif
95
+ -%}
96
+ />
97
+
98
+ {%- if dataToShow.css -%}
99
+
100
+ <link
101
+ rel="stylesheet"
102
+ href="{{dataToShow.css}}"
103
+ {%-
104
+ if
105
+ site.crossorigin
106
+ -%}
107
+ {{
108
+ }}
109
+ crossorigin="anonymous"
110
+ {%-
111
+ endif
112
+ -%}
113
+ />
114
+ {%- else -%}
115
+ <!-- <link
116
+ rel="stylesheet"
117
+ href="/assets/css/tools.css"
118
+ {%-
119
+ if
120
+ site.crossorigin
121
+ -%}
122
+ {{
123
+ }}
124
+ crossorigin="anonymous"
125
+ {%-
126
+ endif
127
+ -%}
128
+ /> -->
129
+
130
+ {%- endif -%} {%- if site.monumetricId -%}
131
+
132
+ <link
133
+ rel="stylesheet"
134
+ href="/assets/css/responsive.css"
135
+ {%-
136
+ if
137
+ site.crossorigin
138
+ -%}
139
+ {{
140
+ }}
141
+ crossorigin="anonymous"
142
+ {%-
143
+ endif
144
+ -%}
145
+ />
146
+
147
+ {%- endif -%} {%- if page.layout == "calculator" -%}
148
+
149
+ <link
150
+ rel="stylesheet"
151
+ href="/assets/css/calculators.css"
152
+ {%-
153
+ if
154
+ site.crossorigin
155
+ -%}
156
+ {{
157
+ }}
158
+ crossorigin="anonymous"
159
+ {%-
160
+ endif
161
+ -%}
162
+ />
163
+
164
+ {%- endif -%} {%- if page.layout == "home-1" -%}
165
+
166
+ <link
167
+ rel="stylesheet"
168
+ href="/assets/css/home-1.css"
169
+ {%-
170
+ if
171
+ site.crossorigin
172
+ -%}
173
+ {{
174
+ }}
175
+ crossorigin="anonymous"
176
+ {%-
177
+ endif
178
+ -%}
179
+ />
180
+
181
+ {%- endif -%} {%- if page.layout == "feature-1" or page.newBox or page.layout
182
+ == "feature-download" -%}
183
+
184
+ <link
185
+ rel="stylesheet"
186
+ href="/assets/css/feature-1.css"
187
+ {%-
188
+ if
189
+ site.crossorigin
190
+ -%}
191
+ {{
192
+ }}
193
+ crossorigin="anonymous"
194
+ {%-
195
+ endif
196
+ -%}
197
+ />
198
+
199
+ {%- endif -%} {%- if page.layout == 'home-1' or page.layout == "feature-1" -%}
200
+
201
+ <link
202
+ rel="stylesheet"
203
+ href="/assets/css/common.css"
204
+ {%-
205
+ if
206
+ site.crossorigin
207
+ -%}
208
+ {{
209
+ }}
210
+ crossorigin="anonymous"
211
+ {%-
212
+ endif
213
+ -%}
214
+ />
215
+
216
+ {%- endif -%} {%- if page.layout == "appscms-home" -%}
217
+ <link rel="stylesheet" href="/assets/css/appscms-theme.css" />
218
+ <link rel="stylesheet" href="/assets/css/appscms-home.css" />
219
+ {%- endif -%} {%- if page.layout == "appscms-feature" -%}
220
+ <link rel="stylesheet" href="/assets/css/appscms-theme.css" />
221
+ <link rel="stylesheet" href="/assets/css/appscms-feature.css" />
222
+ {%- endif -%} {%- if page.layout == 'imagekit' -%}
223
+
224
+ <link
225
+ rel="stylesheet"
226
+ href="/assets/css/imagekit.css"
227
+ {%-
228
+ if
229
+ site.crossorigin
230
+ -%}
231
+ {{
232
+ }}
233
+ crossorigin="anonymous"
234
+ {%-
235
+ endif
236
+ -%}
237
+ />
238
+
239
+ {%- endif -%}
240
+ <meta data-rh="true" property="og:image" content="{{site.url}}{{favicon}}" />
241
+ <meta property="og:title" content="{{title}}" />
242
+ <meta property="og:description" content="{{description}}" />
243
+ <meta property="og:type" content="website" />
244
+ <meta
245
+ data-rh="true"
246
+ property="og:url"
247
+ content="{{site.url | append: page.url}}"
248
+ />
249
+ <meta data-rh="true" property="og:site_name" content="{{site.name}}" />
250
+ <meta data-rh="true" property="twitter:domain" content="{{site.url}}" />
251
+ <meta
252
+ data-rh="true"
253
+ property="twitter:url"
254
+ content="{{site.url | append: page.url}}"
255
+ />
256
+ <meta data-rh="true" name="twitter:title" content="{{title}}" />
257
+ <meta data-rh="true" name="twitter:description" content="{{description}}" />
258
+ <meta
259
+ data-rh="true"
260
+ name="twitter:image:src"
261
+ content="{{site.url}}{{favicon}}"
262
+ />
263
+ {% include adsense/adsense.html %} {%- if page.noindex -%}
264
+ <meta name="robots" content="noindex" />
265
+
266
+ {%- endif -%} {%- if site.pwa -%}
267
+
268
+ <link rel="manifest" href="/assets/js/manifest.json" />
269
+
270
+ {%- endif -%} {%- if site.internationalization -%} {%- include
271
+ alternates/alternates.html -%} {%- endif -%} {% include cssfile/links.html %}
272
+
273
+ <script type="application/ld+json">
274
+ {
275
+ "@context": "http://schema.org",
276
+ "@type": "Organization",
277
+ "url": "{{ site.siteurl }}",
278
+ "logo": "{{ site.siteurl }}{{ site.logo }}"
279
+ }
280
+ </script>
281
+ <script type="application/ld+json">
282
+ {
283
+ "@context": "http://schema.org",
284
+ "@type": "WebSite",
285
+ "name": "{{ site.name }}",
286
+ "alternateName": "{{ site.alternateName }}",
287
+ "url": "{{ site.siteurl }}"
288
+ }
289
+ </script>
290
+
291
+ {%- if dataToShow.HOW_TO_CONTENT -%} {%- if dataToShow.HOW_TO_CONTENT.heading
292
+ != '' -%} {%- assign HOW_TO_CONTENT = dataToShow.HOW_TO_CONTENT -%}
293
+
294
+ <script type="application/ld+json">
295
+ {
296
+ "@context": "http://schema.org",
297
+ "@type": "HowTo",
298
+ "name": "{{ HOW_TO_CONTENT.heading }}",
299
+ {% if HOW_TO_CONTENT.YoutubeVideoUrl %}
300
+ "potentialAction": {
301
+ "@type": "WatchAction",
302
+ "target": {
303
+ "@type": "EntryPoint",
304
+ "urlTemplate": "{{ HOW_TO_CONTENT.YoutubeVideoUrl }}",
305
+ "actionPlatform": [
306
+ "http://schema.org/DesktopWebPlatform",
307
+ "http://schema.org/AndroidPlatform",
308
+ "http://schema.org/IOSPlatform"
309
+ ]
310
+ }
311
+ },
312
+ {% else %}
313
+ "image": {
314
+ "@type": "ImageObject",
315
+ "url": "{{ HOW_TO_CONTENT.logoImageUrl }}"
316
+ },
317
+ {% endif %}
318
+ "step": [
319
+ {% for step in HOW_TO_CONTENT.steps %}
320
+ {
321
+ "@type": "HowToStep",
322
+ "text": "{{ step }}"
323
+ }{% unless forloop.last %},{% endunless %}
324
+ {% endfor %}
325
+ ]
326
+ }
327
+ </script>
328
+
329
+ {%- endif -%} {%- endif -%} {%- if dataToShow.infographics -%} {%- assign
330
+ infographics = dataToShow.infographics -%}
331
+
332
+ <script type="application/ld+json">
333
+ {
334
+ "@context": "http://schema.org",
335
+ "@type": "ItemList",
336
+ "name": "Infographics",
337
+ "itemListElement": [
338
+ {% assign position = 1 %}
339
+ {% for infographic in infographics %}
340
+ {
341
+ "@type": "ListItem",
342
+ "position": {{ position }},
343
+ "item": {
344
+ "@type": "ImageObject",
345
+ "name": "Infographic {{ position }}",
346
+ "description": "{{ infographic.description }}",
347
+ "contentUrl": "{{ infographic.image }}"
348
+ }
349
+ }{% unless forloop.last %},{% endunless %}
350
+ {% assign position = position | plus: 1 %}
351
+ {% endfor %}
352
+ ]
353
+ }
354
+ </script>
355
+
356
+ {%- endif -%} {%- if dataToShow.author -%} {%- include authors/authors.html
357
+ -%} {%- assign featureAuthor = dataToShow.author | split: " " -%} {%- assign
358
+ author = featureAuthor.first | downcase -%} {%- assign collection = [author]
359
+ -%} {%- for item in collection -%} {%- if forloop.index==1 -%} {%- assign
360
+ featureAuthorName = item -%} {%- endif -%} {%- if forloop.index==2 -%} {%-
361
+ assign featureAuthorImage = item -%} {%- endif -%} {%- if forloop.index==3 -%}
362
+ {%- assign featureAuthorBio = item -%} {%- endif -%} {%- if forloop.index==4
363
+ -%} {%- assign featureAuthorTwitter = item -%} {%- endif -%} {%- endfor -%}
364
+
365
+ <script type="application/ld+json">
366
+ {
367
+ "@context": "https://schema.org/",
368
+ "@type": "Person",
369
+ "name": "{{ featureAuthorName }}",
370
+ "url": "{{ site.siteurl }}/authors/{{ featureAuthorName | downcase | replace: ' ' , '-'' }}",
371
+ "image": "{{ site.siteurl }}{{ featureAuthorImage }}",
372
+ "sameAs": ["{{ featureAuthorNameTwitter }}"]
373
+ }
374
+ </script>
375
+ {%- endif -%} {%- if dataToShow.contributors -%}
376
+ <script type="application/ld+json">
377
+ {
378
+ "@context": "https://schema.org/",
379
+ "@type": "ItemList",
380
+ "name": "Contributors",
381
+ "itemListElement": [
382
+ {%- for contributor in dataToShow.contributors -%}
383
+ {%- assign contributorData = contributor | split: " " -%}
384
+ {%- assign contributorName = contributorData[0] -%}
385
+ {%- assign contributorImage = contributorData[1] -%}
386
+ {%- assign contributorBio = contributorData[2] -%}
387
+ {%- assign contributorTwitter = contributorData[3] -%}
388
+ {
389
+ "@type": "Person",
390
+ "name": "{{ contributorName }}",
391
+ "url": "{{ site.siteurl }}/authors/{{ contributorName | downcase | replace: ' ', '-' }}",
392
+ "image": "{{ site.siteurl }}{{ contributorImage }}",
393
+ "sameAs": ["{{ contributorTwitter }}"]
394
+ }{%- unless forloop.last -%},{%- endunless -%}
395
+ {%- endfor -%}
396
+ ]
397
+ }
398
+ </script>
399
+ {%- endif -%} {%- if dataToShow.FAQ -%} {%- if dataToShow.FAQ.first.question
400
+ != '' -%}
401
+
402
+ <script type="application/ld+json">
403
+ {
404
+ "@context": "http://schema.org",
405
+ "@type": "FAQPage",
406
+ "mainEntity": [
407
+ {%- for item in dataToShow.FAQ -%}
408
+
409
+ {%- if forloop.last == true -%}
410
+ {"@type": "Question",
411
+ "name": "{{ item.question | replace: '"', "'" }}",
412
+ "acceptedAnswer": {
413
+ "@type": "Answer",
414
+ "text": "{{ item.answer | replace: '"', "'" }}"
415
+ }
416
+ }
417
+ {%- else -%}
418
+ {"@type": "Question",
419
+ "name": "{{ item.question | replace: '"', "'" }}",
420
+ "acceptedAnswer": {
421
+ "@type": "Answer",
422
+ "text": "{{ item.answer | replace: '"', "'" }}"
423
+ }
424
+ },
425
+
426
+ {%- endif -%}
427
+ {%- endfor -%}
428
+ ]
429
+ }
430
+ </script>
431
+
432
+ {%- endif -%} {%- endif -%} {%- if page.tool -%} {%- include
433
+ Rating/structureddata.html -%} {%- endif -%} {%- include google-analytics.html
434
+ -%} {%- if site.pwa -%}
435
+
436
+ <script>
437
+ if ("serviceWorker" in navigator) {
438
+ window.addEventListener("load", () => {
439
+ navigator.serviceWorker
440
+ .register("/serviceworker.js")
441
+ .then((reg) => console.log("Success: ", reg.scope))
442
+ .catch((err) => console.log("Failure: ", err));
443
+ });
444
+ }
445
+ </script>
446
+
447
+ {%- endif -%} {%- if site.testmode -%} {%- if page.lang == "hi" -%} {%-
448
+ include monumetric/monumetric.html -%} {%- endif -%} {%- else -%} {%- include
449
+ monumetric/monumetric.html -%} {%- endif -%} {%- include monumetric/ads.html
450
+ -%} {%- if page.layout == "feature" or page.layout == "home" -%} {%- include
451
+ monumetric/profitablecpmgate.html -%} {%- endif -%}
452
+ </head>
@@ -0,0 +1,19 @@
1
+
2
+ <div class="container heading">
3
+ <div class="row">
4
+ <div
5
+ class="col-xxl-8 col-lg-9 col-md-12 col-sm-12 offset-md-1 offset-sm-0 py-5 pt-md-5 pt-sm-3 mx-auto"
6
+ >
7
+ <h1 class="text-center appscms-h1">
8
+ {%- for word in pageData.h1 -%} {%- if forloop.first == true -%}
9
+ {{word | capitalize }} {%- else -%} {{word}} {%- endif -%} {%-
10
+ endfor -%}
11
+ </h1>
12
+ <h2 class="text-center appscms-h2">
13
+ {%- for word in pageData.h2 -%} {%- if forloop.first == true -%}
14
+ {{word | capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor
15
+ -%}
16
+ </h2>
17
+ </div>
18
+ </div>
19
+ </div>
@@ -0,0 +1,21 @@
1
+ <div class="container" id="appscms-tools-section">
2
+ <div class="row">
3
+ <div class="col-md-10 mx-auto">
4
+ <div class="row">
5
+ {% for item in pageData.features %}
6
+ <div class="col-xl-4 col-lg-6 col-md-6 appscms-tool-container">
7
+ <div class="appscms-tool">
8
+ <div class="tool-top">
9
+ <div class="tool-img">
10
+ <img crossorigin="anonymous" src="{{item.icon}}" alt="img" />
11
+ </div>
12
+ <div class="tool-text">{{item.description}}</div>
13
+ </div>
14
+ <div class="tool-heading">{{item.name}}</div>
15
+ </div>
16
+ </div>
17
+ {% endfor %}
18
+ </div>
19
+ </div>
20
+ </div>
21
+ </div>
@@ -0,0 +1,74 @@
1
+ <div
2
+ class="container mx-auto appscms-how-to-section col-md-9 p-3 pb-3 mt-5 col-12"
3
+ >
4
+ <div class="row align-items-center py-3">
5
+ {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
6
+ <div class="col-md-9 mx-auto">
7
+ <div class="row">
8
+ {%- endif -%}
9
+ <div class="col-md-6 appscms-howto-image">
10
+ {%- if pageData.HOW_TO_CONTENT.YoutubeVideoUrl.size > 0 -%}
11
+ <div class="how-to-video-wrapper">
12
+ {% assign video_url = pageData.HOW_TO_CONTENT.YoutubeVideoUrl %} {%
13
+ assign params = video_url | split: "?" | last | split: "&" %} {% for
14
+ param in params %} {% if param contains "v=" %} {% assign video_id =
15
+ param | split: "=" | last %} {% endif %} {% endfor %} {%- if
16
+ site.monumetricId -%}
17
+ <iframe
18
+ class="youtubeVideoPlayer"
19
+ width="400"
20
+ height="315"
21
+ src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1"
22
+ allowfullscreen
23
+ >
24
+ </iframe>
25
+ {%- else -%}
26
+ <iframe
27
+ class="youtubeVideoPlayer"
28
+ width="500"
29
+ height="315"
30
+ src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1"
31
+ allowfullscreen
32
+ >
33
+ </iframe>
34
+ {%- endif -%}
35
+ </div>
36
+ {%- else -%}
37
+ <div class="how-to-img-wrapper">
38
+ <img
39
+ src="{{pageData.HOW_TO_CONTENT.logoImageUrl}}"
40
+ loading="lazy"
41
+ alt="{{pageData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}"
42
+ {%-
43
+ if
44
+ site.crossorigin
45
+ -%}
46
+ crossorigin
47
+ {%-
48
+ endif
49
+ -%}class="img-fluid align-self-end"
50
+ alt="Your Image"
51
+ />
52
+ </div>
53
+ {%- endif -%}
54
+ </div>
55
+ <div class="col-md-6 appscms-howto-steps">
56
+ <h2 class="mb-4 appscms-howto-heading">
57
+ {{pageData.HOW_TO_CONTENT.heading | replace: "$variable",
58
+ page.value}}
59
+ </h2>
60
+ <ol class="pl-3">
61
+ {% for data in pageData.HOW_TO_CONTENT.steps %}
62
+ <li id="step{{forloop.index}}" class="how-to-list-item">
63
+ <span>{{forloop.index}}.</span>{{data | replace: "$variable",
64
+ page.value}}
65
+ </li>
66
+ {% endfor %}
67
+ </ol>
68
+ </div>
69
+ {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
70
+ </div>
71
+ </div>
72
+ {%- endif -%}
73
+ </div>
74
+ </div>
@@ -0,0 +1,50 @@
1
+ <!-- nav bar code -->
2
+
3
+ {% assign lang = page.lang %} {% assign siteData = site.data.header[lang].data
4
+ %} {% assign featureData = page.fileName %} {% assign folder = page.folderName
5
+ %} {% assign Data= site.data[folder][lang][file] %}
6
+ <nav class="appscms-navbar">
7
+ <div class="row w-100 h-100">
8
+ <div class="col-11 mx-auto">
9
+ <div class="appscms-navbar-nav">
10
+ {%- if siteData.navbarBrandLogoSvg -%}
11
+ <a href="/"> {{siteData.navbarBrandLogoSvg}} </a>
12
+ {%- elsif siteData.navbarBrandText -%}
13
+ <span> {{siteData.navbarBrandText}}
14
+ {%- else -%}
15
+ {%- endif -%}
16
+ {%- if siteData.navItems -%}
17
+ <div class="appscms-navbar-nav-links">
18
+ {%- for item in siteData.navItems -%}
19
+ <a class="appscms-nav-link" href="{{item.url}}">{{item.name}}</a>
20
+ {%- endfor -%}
21
+ </div>
22
+ {%- endif -%}
23
+ <div id="hamburger" data-open="false" class="hamburger">
24
+ <svg
25
+ style="font-size:25px"
26
+ stroke="currentColor"
27
+ fill="currentColor"
28
+ stroke-width="0"
29
+ viewBox="0 0 512 512"
30
+ aria-hidden="true"
31
+ focusable="false"
32
+ height="50px"
33
+ width="1em"
34
+ xmlns="http://www.w3.org/2000/svg"
35
+ >
36
+ <path
37
+ fill="none"
38
+ stroke-linecap="round"
39
+ stroke-miterlimit="10"
40
+ stroke-width="48"
41
+ d="M88 152h336M88 256h336M88 360h336"
42
+ ></path>
43
+ </svg>
44
+ </div>
45
+ </div>
46
+ </div>
47
+ </div>
48
+ </nav>
49
+
50
+
@@ -0,0 +1,49 @@
1
+ {%- if siteData.megaMenu -%}
2
+ <div class="appscms-toolbar">
3
+ <div class="row">
4
+ <div class="col-11 mx-auto">
5
+ <ul class="appscms-toolbar-list">
6
+ {%- for item in siteData.megaMenu.dropdown -%}
7
+ <li class="appscms-toolbar-list-item">
8
+ <span class="appscms-toolbar-list-item-span d-flex justify-content-between"> {{item.categoryName}}
9
+ <svg
10
+ class="arrow-svg"
11
+ fill="#fff" width="12px" hegiht="12px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30.727 30.727" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path d="M29.994,10.183L15.363,24.812L0.733,10.184c-0.977-0.978-0.977-2.561,0-3.536c0.977-0.977,2.559-0.976,3.536,0 l11.095,11.093L26.461,6.647c0.977-0.976,2.559-0.976,3.535,0C30.971,7.624,30.971,9.206,29.994,10.183z"></path> </g> </g></svg>
12
+ </span>
13
+
14
+
15
+ <ul class="list-item-dropdown">
16
+ <h4 class="list-item-dropdown-heading"> {{siteData.megaMenu.nav-link-name}}</h4>
17
+ <div class="row">
18
+ {%- assign count = 0 -%}
19
+ {% for i in item.links %}
20
+ {% assign count = count | plus:1 %}
21
+ {%- if count == 1 -%}
22
+ <div class="col-md-6 col-lg-4 col-xl-3">
23
+ {%- endif -%}
24
+ {% if count == 6 %}
25
+ <li>
26
+ <a class="toolbar-link" href="{{i.url}}">{{i.name}}</a>
27
+ </li>
28
+ </div>
29
+ {% assign count = 0 %}
30
+ {%- else -%}
31
+ <li>
32
+ <a class="toolbar-link" href="{{i.url}}">{{i.name}}</a>
33
+ </li>
34
+ {% endif %}
35
+ {% endfor %}
36
+ </div>
37
+
38
+
39
+
40
+ </ul>
41
+ </li>
42
+ {%- endfor -%}
43
+ </ul>
44
+ </div>
45
+ </div>
46
+ </div>
47
+ {%- endif -%}
48
+
49
+