{% 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>
    .highlight_style {
      color: #007bff !important;
      font-weight: 900;
      text-decoration: underline;
    }

    .highlight_style:hover {
      text-decoration: underline !important;
    }
  </style>

  <body>
    {% include header/index.html %} {%- include dropdown/langdropdown.html -%}
    <div class="container py-4 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">
        <div class="col-md-4 my-4">
          <img
            class="feature-card-img"
            src="/assets/images/lightbulb.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/lightbulb.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/lightbulb.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/lightbulb.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/lightbulb.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 staticfooter.html %} {% include script.html %}
  </body>
</html>