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