appscms-tools-theme 5.4.9 → 5.5.0

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.
@@ -1,7 +1,7 @@
1
1
  {% assign file = page.fileName %} {% assign lang = page.lang %} {% assign folder
2
2
  = page.folderName %} {% assign aboutData = site.data[folder][lang][file] %}
3
3
 
4
- <!DOCTYPE html>
4
+ <!doctype html>
5
5
  <html lang="{{aboutData.htmlLangAtt}}">
6
6
  {%- include appscms/head/head.html -%}
7
7
  <body
@@ -11,156 +11,432 @@
11
11
  data-dropbox-apikey="{{ site.dropboxapikey }}"
12
12
  >
13
13
  {%- include appscms/navbars/navbar.html -%} {%- include
14
- appscms/navbars/toolbar.html -%}
14
+ appscms/navbars/toolbar.html -%} {% assign posts = site.posts |
15
+ where_exp:"post","post.url != page.url" %} {% assign authors = "" | split:
16
+ "," %} {% for post in site.posts %} {% if post.author %} {% unless authors
17
+ contains post.author %} {% assign authors = authors | push: post.author %}
18
+ {% endunless %} {% endif %} {% endfor %}
19
+
15
20
  <div class="container py-4 about_layout">
16
- {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
21
+ {%- if site.clientid -%}
17
22
  <div class="row">
18
23
  <div class="col-md-9 mx-auto">
19
24
  {%- endif -%}
20
- <h1 class="about-h1 py-2">About us</h1>
21
- <h2 class="about-h2">Welcome to {{ page.companyName}}</h2>
22
- <p class="about-para pt-4 text-left">
23
- We are here to help you. Ping us your queries at care@{{
24
- page.companyName}}.{{page.domain}}
25
- </p>
26
- <div>{{content}}</div>
27
- {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
28
- </div>
29
- </div>
30
- {%- endif -%}
31
- </div>
32
25
 
33
- {% assign posts = site.posts | where_exp:"post","post.url != page.url" %} {%
34
- assign authors = "" | split: "," %} {% for post in site.posts %} {% if
35
- post.author %} {% unless authors contains post.author %} {% assign authors =
36
- authors | push: post.author %} {% endunless %} {% endif %} {% endfor %}
26
+ <style>
27
+ .about-hero {
28
+ background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
29
+ border-radius: 12px;
30
+ padding: 3rem 2rem;
31
+ margin-bottom: 2.5rem;
32
+ text-align: center;
33
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
34
+ }
35
+ .about-hero h1 {
36
+ font-weight: 800;
37
+ color: #212529;
38
+ margin-bottom: 1rem;
39
+ }
40
+ .about-hero p {
41
+ font-size: 1.15rem;
42
+ color: #495057;
43
+ max-width: 800px;
44
+ margin: 0 auto;
45
+ line-height: 1.6;
46
+ }
47
+ .section-title {
48
+ font-weight: 700;
49
+ margin-bottom: 2rem;
50
+ color: #343a40;
51
+ position: relative;
52
+ display: inline-block;
53
+ }
54
+ .section-title::after {
55
+ content: "";
56
+ position: absolute;
57
+ width: 40px;
58
+ height: 4px;
59
+ background: #007bff;
60
+ bottom: -10px;
61
+ left: 0;
62
+ border-radius: 2px;
63
+ }
64
+ .text-center .section-title::after {
65
+ left: 50%;
66
+ transform: translateX(-50%);
67
+ }
68
+ .privacy-banner {
69
+ background: linear-gradient(to right, #e8f4fd, #f8fbff);
70
+ border-left: 5px solid #007bff;
71
+ padding: 2rem;
72
+ border-radius: 8px;
73
+ margin: 2.5rem 0;
74
+ box-shadow: 0 4px 15px rgba(0, 123, 255, 0.05);
75
+ }
76
+ .privacy-banner h3 {
77
+ color: #0056b3;
78
+ font-weight: 700;
79
+ display: flex;
80
+ align-items: center;
81
+ gap: 10px;
82
+ }
83
+ .offer-card {
84
+ background: #fff;
85
+ border: 1px solid #eaeaea;
86
+ border-radius: 10px;
87
+ padding: 1.5rem;
88
+ text-align: center;
89
+ transition:
90
+ transform 0.3s ease,
91
+ box-shadow 0.3s ease;
92
+ height: 100%;
93
+ display: flex;
94
+ flex-direction: column;
95
+ justify-content: center;
96
+ }
97
+ .offer-card:hover {
98
+ transform: translateY(-5px);
99
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
100
+ border-color: #007bff;
101
+ }
102
+ .offer-icon {
103
+ font-size: 2.2rem;
104
+ color: #007bff;
105
+ margin-bottom: 1rem;
106
+ }
107
+ .offer-title {
108
+ font-weight: 600;
109
+ color: #343a40;
110
+ margin-bottom: 0;
111
+ font-size: 1.1rem;
112
+ }
113
+ .check-list {
114
+ list-style: none;
115
+ padding-left: 0;
116
+ display: grid;
117
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
118
+ gap: 1rem;
119
+ }
120
+ .check-list li {
121
+ position: relative;
122
+ padding-left: 2rem;
123
+ font-size: 1.05rem;
124
+ color: #495057;
125
+ font-weight: 500;
126
+ }
127
+ .check-list li::before {
128
+ content: "\2713";
129
+ color: #28a745;
130
+ font-weight: bold;
131
+ position: absolute;
132
+ left: 0;
133
+ font-size: 1.2rem;
134
+ background: #e6f4ea;
135
+ width: 24px;
136
+ height: 24px;
137
+ display: inline-flex;
138
+ align-items: center;
139
+ justify-content: center;
140
+ border-radius: 50%;
141
+ top: -2px;
142
+ }
143
+ .contact-box {
144
+ background: #212529;
145
+ color: #fff;
146
+ padding: 3rem 2rem;
147
+ border-radius: 12px;
148
+ text-align: center;
149
+ margin-top: 4rem;
150
+ position: relative;
151
+ overflow: hidden;
152
+ }
153
+ .contact-box::before {
154
+ content: "";
155
+ position: absolute;
156
+ top: -50px;
157
+ right: -50px;
158
+ width: 150px;
159
+ height: 150px;
160
+ background: rgba(255, 255, 255, 0.05);
161
+ border-radius: 50%;
162
+ }
163
+ .contact-box h3 {
164
+ font-weight: 700;
165
+ margin-bottom: 1rem;
166
+ }
167
+ .contact-box p {
168
+ font-size: 1.1rem;
169
+ color: #adb5bd;
170
+ }
171
+ .contact-box a {
172
+ display: inline-block;
173
+ margin-top: 1rem;
174
+ padding: 0.8rem 2rem;
175
+ background: #007bff;
176
+ color: #fff;
177
+ font-weight: bold;
178
+ text-decoration: none;
179
+ border-radius: 30px;
180
+ transition: background 0.3s;
181
+ }
182
+ .contact-box a:hover {
183
+ background: #0056b3;
184
+ text-decoration: none;
185
+ }
186
+ </style>
37
187
 
38
- <div class="container mt-4 mb-5">
39
- <div class="row px-0">
40
- <div class="col-md-4 my-4">
41
- <img
42
- class="feature-card-img"
43
- src="/assets/images/lightbulb.svg"
44
- loading="lazy"
45
- height="48px"
46
- width="48px"
47
- alt="{{data.header}}"
48
- {%-
49
- if
50
- site.crossorigin
51
- -%}
52
- crossorigin
53
- {%-
54
- endif
55
- -%}
56
- />
57
- <div class="feature-card-title">Features</div>
58
- <div class="feature-card-desc">
59
- Our website currently has
60
- <a class="highlight_style" href="{{site.url}}/sitemap.xml"
61
- >{{ site.pages | size }} features</a
62
- >
188
+ <div class="about-hero">
189
+ <h1>Welcome to {{ page.companyName }}</h1>
190
+ <p>
191
+ A collection of fast, free, and easy-to-use browser-based tools
192
+ designed to help you complete everyday tasks without installing
193
+ software.
194
+ </p>
63
195
  </div>
64
- </div>
65
- {%- if site.internationalizationall -%}
66
- <div class="col-md-4 my-4">
67
- <img
68
- class="feature-card-img"
69
- src="/assets/images/lightbulb.svg"
70
- loading="lazy"
71
- height="48px"
72
- width="48px"
73
- alt="{{data.header}}"
74
- {%-
75
- if
76
- site.crossorigin
77
- -%}
78
- crossorigin
79
- {%-
80
- endif
81
- -%}
82
- />
83
- <div class="feature-card-title">Languages Supported</div>
84
- <div class="feature-card-desc">
85
- Our website currently supports 22 languages.
196
+
197
+ <div class="row">
198
+ <div class="col-12">
199
+ <h3 class="section-title">Our Mission</h3>
200
+ <p class="lead" style="color: #495057; line-height: 1.8">
201
+ {{site.mission}}
202
+ </p>
203
+ </div>
86
204
  </div>
87
- </div>
88
- {%- endif -%}
89
- <div class="col-md-4 my-4">
90
- <img
91
- class="feature-card-img"
92
- src="/assets/images/lightbulb.svg"
93
- loading="lazy"
94
- height="48px"
95
- width="48px"
96
- alt="{{data.header}}"
97
- {%-
98
- if
99
- site.crossorigin
100
- -%}
101
- crossorigin
102
- {%-
103
- endif
104
- -%}
105
- />
106
- <div class="feature-card-title">Blog Posts</div>
107
- <div class="feature-card-desc">
108
- We currently have
109
- <a class="highlight_style" href="/blog/"
110
- >{{ site.posts | size }} blog posts</a
205
+
206
+ <div class="privacy-banner">
207
+ <h3>
208
+ <svg
209
+ xmlns="http://www.w3.org/2000/px"
210
+ width="24"
211
+ height="24"
212
+ viewBox="0 0 24 24"
213
+ fill="none"
214
+ stroke="currentColor"
215
+ stroke-width="2"
216
+ stroke-linecap="round"
217
+ stroke-linejoin="round"
218
+ >
219
+ <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
220
+ </svg>
221
+ Privacy First
222
+ </h3>
223
+ <p
224
+ class="mb-0 mt-2"
225
+ style="font-size: 1.05rem; color: #333; line-height: 1.6"
111
226
  >
112
- on our website.
227
+ Many of our tools process data directly within your browser. This
228
+ means your files often remain on your device instead of being
229
+ uploaded to our servers, helping protect your privacy while
230
+ delivering incredibly fast results.
231
+ </p>
113
232
  </div>
114
- </div>
115
- <div class="col-md-4 my-4">
116
- <img
117
- class="feature-card-img"
118
- src="/assets/images/lightbulb.svg"
119
- loading="lazy"
120
- height="48px"
121
- width="48px"
122
- alt="{{data.header}}"
123
- {%-
124
- if
125
- site.crossorigin
126
- -%}
127
- crossorigin
128
- {%-
129
- endif
130
- -%}
131
- />
132
- <div class="feature-card-title">Authors</div>
133
- <div class="feature-card-desc">
134
- We have
135
- <a class="highlight_style" href="/authors">
136
- {{ authors.size }} authors
137
- </a>
138
- on our website
233
+
234
+ {%- if site.what_we_offer -%}
235
+ <div class="my-5">
236
+ <div class="text-center mb-4">
237
+ <h3 class="section-title">What We Offer</h3>
238
+ </div>
239
+ <div class="row px-0 justify-content-center">
240
+ {%- for offer in site.what_we_offer -%}
241
+ <div class="col-md-4 col-sm-6 mb-4">
242
+ <div class="offer-card">
243
+ <div class="offer-icon">
244
+ {% if offer.icon contains '<' %}
245
+ {{ offer.icon }}
246
+ {% elsif offer.icon contains '.png' or offer.icon contains '.jpg' or offer.icon contains '.jpeg' or offer.icon contains '.svg' or offer.icon contains '.gif' or offer.icon contains '.webp' %}
247
+ <img src="{{ offer.icon }}" alt="{{ offer.title }}" style="height: 2.2rem; width: auto;" />
248
+ {% else %}
249
+ {{ offer.icon }}
250
+ {% endif %}
251
+ </div>
252
+ <h4 class="offer-title">{{ offer.title }}</h4>
253
+ </div>
254
+ </div>
255
+ {%- endfor -%}
256
+ </div>
139
257
  </div>
140
- </div>
141
- <div class="col-md-4 my-4">
142
- <img
143
- class="feature-card-img"
144
- src="/assets/images/lightbulb.svg"
145
- loading="lazy"
146
- height="48px"
147
- width="48px"
148
- alt="{{data.header}}"
149
- {%-
150
- if
151
- site.crossorigin
152
- -%}
153
- crossorigin
154
- {%-
155
- endif
156
- -%}
157
- />
158
- <div class="feature-card-title">Total Visitors</div>
159
- <div id="visits" class="feature-card-desc">
160
- {{site.totalVisitors}}
258
+ {%- endif -%}
259
+
260
+ <div
261
+ class="my-5 py-4"
262
+ style="background: #f8f9fa; border-radius: 12px"
263
+ >
264
+ <div class="text-center mb-4">
265
+ <h3 class="section-title">Platform Statistics</h3>
266
+ </div>
267
+ <div class="row px-4 text-center">
268
+ <div class="col-md-4 mb-4">
269
+ <img
270
+ class="feature-card-img"
271
+ src="/assets/images/lightbulb.svg"
272
+ loading="lazy"
273
+ height="48px"
274
+ width="48px"
275
+ alt="Tools"
276
+ {%-
277
+ if
278
+ site.crossorigin
279
+ -%}
280
+ crossorigin
281
+ {%-
282
+ endif
283
+ -%}
284
+ />
285
+ <div class="feature-card-title mt-3">Browser-based Tools</div>
286
+ <div
287
+ class="feature-card-desc font-weight-bold"
288
+ style="font-size: 1.2rem; color: #007bff"
289
+ >
290
+ <a
291
+ href="{{site.url}}/sitemap.xml"
292
+ style="text-decoration: none"
293
+ >{{ site.pages | size }}+ features</a
294
+ >
295
+ </div>
296
+ </div>
297
+ {%- if site.internationalizationall -%}
298
+ <div class="col-md-4 mb-4">
299
+ <img
300
+ class="feature-card-img"
301
+ src="/assets/images/lightbulb.svg"
302
+ loading="lazy"
303
+ height="48px"
304
+ width="48px"
305
+ alt="Languages"
306
+ {%-
307
+ if
308
+ site.crossorigin
309
+ -%}
310
+ crossorigin
311
+ {%-
312
+ endif
313
+ -%}
314
+ />
315
+ <div class="feature-card-title mt-3">Languages Supported</div>
316
+ <div
317
+ class="feature-card-desc font-weight-bold"
318
+ style="font-size: 1.2rem; color: #007bff"
319
+ >
320
+ Multiple languages
321
+ </div>
322
+ </div>
323
+ {%- endif -%}
324
+ <div class="col-md-4 mb-4">
325
+ <img
326
+ class="feature-card-img"
327
+ src="/assets/images/lightbulb.svg"
328
+ loading="lazy"
329
+ height="48px"
330
+ width="48px"
331
+ alt="Blogs"
332
+ {%-
333
+ if
334
+ site.crossorigin
335
+ -%}
336
+ crossorigin
337
+ {%-
338
+ endif
339
+ -%}
340
+ />
341
+ <div class="feature-card-title mt-3">Blog Articles</div>
342
+ <div
343
+ class="feature-card-desc font-weight-bold"
344
+ style="font-size: 1.2rem; color: #007bff"
345
+ >
346
+ <a href="/blog/" style="text-decoration: none"
347
+ >{{ site.posts | size }} blog posts</a
348
+ >
349
+ </div>
350
+ </div>
351
+ <div class="col-md-4 mb-4">
352
+ <img
353
+ class="feature-card-img"
354
+ src="/assets/images/lightbulb.svg"
355
+ loading="lazy"
356
+ height="48px"
357
+ width="48px"
358
+ alt="Authors"
359
+ {%-
360
+ if
361
+ site.crossorigin
362
+ -%}
363
+ crossorigin
364
+ {%-
365
+ endif
366
+ -%}
367
+ />
368
+ <div class="feature-card-title mt-3">Authors</div>
369
+ <div
370
+ class="feature-card-desc font-weight-bold"
371
+ style="font-size: 1.2rem; color: #007bff"
372
+ >
373
+ <a href="/authors" style="text-decoration: none"
374
+ >{{ authors.size }} authors</a
375
+ >
376
+ </div>
377
+ </div>
378
+ {%- if site.totalVisitors -%}
379
+ <div class="col-md-4 mb-4">
380
+ <img
381
+ class="feature-card-img"
382
+ src="/assets/images/lightbulb.svg"
383
+ loading="lazy"
384
+ height="48px"
385
+ width="48px"
386
+ alt="Visitors"
387
+ {%-
388
+ if
389
+ site.crossorigin
390
+ -%}
391
+ crossorigin
392
+ {%-
393
+ endif
394
+ -%}
395
+ />
396
+ <div class="feature-card-title mt-3">Total Visitors</div>
397
+ <div
398
+ id="visits"
399
+ class="feature-card-desc font-weight-bold"
400
+ style="font-size: 1.2rem; color: #007bff"
401
+ >
402
+ {{site.totalVisitors}}+
403
+ </div>
404
+ </div>
405
+ {%- endif -%}
406
+ </div>
407
+ </div>
408
+
409
+ <div class="my-5">
410
+ <h3 class="section-title">Why Choose Us</h3>
411
+ <ul class="check-list mt-4">
412
+ <li>No software installation required</li>
413
+ <li>100% Browser-based tools</li>
414
+ <li>Privacy-focused local processing</li>
415
+ <li>Blazing fast performance</li>
416
+ <li>Multi-language support</li>
417
+ <li>Regularly updated features</li>
418
+ </ul>
419
+ </div>
420
+
421
+ <div class="contact-box">
422
+ <h3>Get In Touch</h3>
423
+ <p>
424
+ If you have any questions, suggestions, or feedback, we'd love to
425
+ hear from you.
426
+ </p>
427
+ {% assign contact_email = "care@" | append: page.companyName |
428
+ append: ".com" | downcase | replace: " ", "" %}
429
+ <a href="mailto:{{ contact_email }}"
430
+ >Email Us: {{ contact_email }}</a
431
+ >
161
432
  </div>
433
+
434
+ <div class="mt-4">{{content}}</div>
435
+
436
+ {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
162
437
  </div>
163
438
  </div>
439
+ {%- endif -%}
164
440
  </div>
165
441
 
166
442
  {% include appscms/footer/static-footer.html %} {% include script.html %}
@@ -13,7 +13,7 @@ assign lang = page.lang %} {% assign contactData = site.data[folder][lang][file]
13
13
  {%- include appscms/navbars/navbar.html -%} {%- include
14
14
  appscms/navbars/toolbar.html -%}
15
15
  <div class="container py-4 contact_layout">
16
- {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
16
+ {%- if site.clientid -%}
17
17
  <div class="row">
18
18
  <div class="col-md-9 mx-auto">
19
19
  {%- endif -%}