{% assign file = page.fileName %}
{% assign lang = page.lang %}
{% assign folder = page.folderName %}
{% assign aboutData = site.data[folder][lang][file] %}
<!DOCTYPE html>
<html lang="{{aboutData.htmlLangAtt}}">
{% include head/index.html %}
<style>
.about-h1 {
line-height: 36px;
font-size: 30px;
font-stretch: 400;
font-weight: 600;
color: rgba(33, 33, 33, 1);
text-align: center;
margin: 0;
}
.about-h2 {
line-height: 30px;
font-stretch: 400;
font-weight: 300;
font-size: 20px;
color: rgba(33, 33, 33, 1);
text-align: center;
margin: 0;
}
p{
font-size: 15px;
}
.feature-card-title,
.faq-question,
.feature-card-desc,
.faq-answer {
line-height: 24px;
font-size: 16px;
font-weight: 600;
color: rgb(33, 33, 33);
text-align: center;
margin: 0px;
padding: 12px 0px;
}
.feature-card-desc {
font-weight: 400;
}
.highlight_style {
color: #007bff !important;
font-weight: 900;
text-decoration: underline;
}
.highlight_style:hover {
text-decoration: underline !important;
}
</style>
<body>
{% include header/index.html %}
<div class="container py-5 about_layout">
{%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
<div class="row">
<div class="col-md-9 mx-auto">
{%- endif -%}
<h1 class="about-h1 py-2">About us</h1>
<h2 class="about-h2"> Welcome to {{ page.companyName}}</h2>
<p class="about-para pt-4 text-left">We are here to help you. Ping us your queries at care@{{
page.companyName}}.{{page.domain}}</p>
<div>
{{content}}
</div>
{%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
</div>
</div>
{%- endif -%}
</div>
{% assign posts = site.posts | where_exp:"post","post.url != page.url" %}
{% assign authors = "" | split: "," %}
{% for post in site.posts %}
{% if post.author %}
{% unless authors contains post.author %}
{% assign authors = authors | push: post.author %}
{% endunless %}
{% endif %}
{% endfor %}
<div class="container mt-4 mb-5">
<div class="row px-0 mx-auto text-center">
<div class="col-md-4 my-4">
<img class="feature-card-img" src="/assets/images/star.svg" loading="lazy" height="48px" width="48px"
alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
<div class="feature-card-title">Features</div>
<div class="feature-card-desc">Our website currently has
<a class="highlight_style" href="{{site.url}}/sitemap.xml">{{ site.pages |
size }} features</a>
</div>
</div>
{%- if site.internationalizationall -%}
<div class="col-md-4 my-4">
<img class="feature-card-img" src="/assets/images/star.svg" loading="lazy" height="48px" width="48px"
alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
<div class="feature-card-title">Languages Supported</div>
<div class="feature-card-desc">Our website currently supports 22 languages.</div>
</div>
{%- endif -%}
<div class="col-md-4 my-4">
<img class="feature-card-img" src="/assets/images/star.svg" loading="lazy" height="48px" width="48px"
alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
<div class="feature-card-title">Blog Posts</div>
<div class="feature-card-desc">We currently have <a class="highlight_style" href="/blog">{{ site.posts | size }}
blog posts</a> on our website.</div>
</div>
<div class="col-md-4 my-4">
<img class="feature-card-img" src="/assets/images/star.svg" loading="lazy" height="48px" width="48px"
alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
<div class="feature-card-title">Authors</div>
<div class="feature-card-desc">We have <a class="highlight_style" href="/authors"> {{ authors.size }} authors
</a> on our website</div>
</div>
<div class="col-md-4 my-4">
<img class="feature-card-img" src="/assets/images/star.svg" loading="lazy" height="48px" width="48px"
alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
<div class="feature-card-title">Total Visitors</div>
<div id="visits" class="feature-card-desc">{{site.totalVisitors}}</div>
</div>
</div>
</div>
{% include footer/index.html %}
{% include script.html %}
</body>
</html>