appscms-tools-theme 4.8.3 → 4.8.4

data/_includes/alternates/alternates.html

@@ -1,89 +1,64 @@
-{%- include languages/languages.html -%}
-{%- if page.permalink == nil -%}
-<link data-rh="true" rel="alternate" href="{{site.url}}" hreflang="en" />
-{%- for i in matchurls -%}
-{%- for checklang in site.pages -%}
-{%- if checklang.permalink == i -%}
-{%- assign languagetext = [i] -%}
-<link data-rh="true" rel="alternate" href="{{site.url}}/{{languagetext[0]}}" hreflang="{{languagetext[0]}}" />
-{%- endif -%}
-{%- endfor -%}
-{%- endfor -%}
-{%- else -%}
-{%- if matchurls contains page.permalink -%}
-{%- assign languagetext = [i] -%}
-<link data-rh="true" rel="alternate" href="{{site.url}}" hreflang="en" />
-{%- for i in matchurls -%}
-{%- assign languagetext = [i] -%}
-{%- if i== page.permalink -%}
-<link data-rh="true" rel="alternate" href="{{site.url}}/{{page.permalink}}" hreflang="{{languagetext[0]}}" />
-{%- else -%}
-{%- for checklang in site.pages -%}
-{%- if checklang.permalink == i -%}
-{%- assign languagetext = [i] -%}
-<link data-rh="true" rel="alternate" href="{{site.url}}/{{languagetext[0]}}" hreflang="{{languagetext[0]}}" />
-{%- endif -%}
-{%- endfor -%}
-{%- endif -%}
-{%- endfor -%}
-
-{%- else -%}
-
-{%- for item in site.pages -%}
-{%- assign languagetext = [item.lang] -%}
-{%- assign pagelink = page.permalink | split: "/" | last-%}
-{%- assign itemlink = item.permalink | split: "/" | last-%}
-
-{% if pagelink == itemlink and page.lang != item.lang and page.permalink != item.permalink %}
-{% assign whitelist_urls = site.data.noindexURLs.internatlionalization_whitelist_urls %}
-{% if whitelist_urls.size > 0 %}
-{% assign exclude_url = false %}
-{% for url in whitelist_urls %}
-{% assign current_url = url | strip %}
-{% if current_url == item.permalink %}
-{% assign exclude_url = true %}
-{% endif %}
-{% endfor %}
-{% if exclude_url %}
-<link data-rh="true" rel="alternate" href="{{ site.url }}{{ item.permalink }}" hreflang="{{ languagetext[0] }}" />
-{% endif %}
-{%- else -%}
-<link data-rh="true" rel="alternate" href="{{ site.url }}{{ item.permalink }}" hreflang="{{ languagetext[0] }}" />
-{% endif %}
-{% endif %}
-
-{%- if pagelink == itemlink and page.lang == item.lang -%}
-{% assign whitelist_urls = site.data.noindexURLs.internatlionalization_whitelist_urls %}
-{% assign noindex_languages = site.data.noindexURLs.noindex_languages %}
-
-{%- if whitelist_urls.size > 0 -%}
-{% if noindex_languages contains languagetext[0] %}
-{% assign exclude_url = false %}
-{% for url in whitelist_urls %}
-{% assign current_url = url | strip %}
-{% if current_url == item.permalink %}
-{%- assign exclude_url = true -%}
-{% endif %}
-{% endfor %}
-{%- if exclude_url -%}
-<link data-rh="true" rel="alternate" href="{{site.url}}{{item.permalink}}" hreflang="{{languagetext[0]}}" />
-{%- endif -%}
-{%- else -%}
-{% assign final_permalink = item.permalink %}
-{% if item.permalink contains '/' %}
-{% else %}
-{% assign final_permalink = '/' | append: item.permalink %}
-{% endif %}
-{% assign blacklist_urls = site.data.noindexURLs.blacklist_urls %}
-{%- if blacklist_urls contains final_permalink -%}
-{%- else -%}
-<link data-rh="true" rel="alternate" href="{{ site.url }}{{final_permalink}}" hreflang="{{ languagetext[0] }}" />
-{%- endif -%}
-{%- endif -%}
-{%- else -%}
-<link data-rh="true" rel="alternate" href="{{site.url}}{{item.permalink}}" hreflang="{{languagetext[0]}}" />
-{%- endif -%}
-{%- endif -%}
-{%- endfor -%} 
-{%- endif -%} 
-{%- endif -%}
+{%- assign whitelist_urls =
+site.data.noindexURLs.internatlionalization_whitelist_urls -%} {%- include
+languages/languages.html -%} {%- if page.nointernationalization -%} {%- elsif
+site.internationalizationall -%} {%- for item in matchurls -%} {%- if item !=
+'zh-TW' -%} {%- if item == 'en'-%} {%- if dataFile.htmlLangAtt == item -%} {%
+assign full_url = site.url | append: page.permalink %} {%- if whitelist_urls
+contains full_url -%}
+<link
+  data-rh="true"
+  rel="alternate"
+  class="active-lang internationalization-language-drop-down-item font-weight-bold"
+  href="{{site.url}}/{{ page.permalink}}"
+  hreflang="{{item}}"
+/>
+1 {%- endif -%} {%- else -%} {%- if dataFile.features -%}
+
+<link data-rh="true" rel="alternate" data-rh="true" rel="alternate" href="/" />
+{%- else -%} {% assign full_url = site.url | append: page.permalink %} {% assign
+last_segment = page.permalink | split: '/' | last %} {% assign full_url =
+site.url | append: '/' | append: last_segment %} {%- if whitelist_urls contains
+full_url -%}
+<link
+  data-rh="true"
+  rel="alternate"
+  href="{{site.url}}/{{ page.permalink | split: '/' | last}}"
+  hreflang="{{item}}"
+/>
+2 {%- endif -%} {%- endif -%} {%- endif -%} {%- else -%} {%- if
+dataFile.htmlLangAtt == item -%} {%- if page.permalink | split: '/' | last !=
+item -%} {% assign full_url = site.url | append: page.permalink %} {%- if
+whitelist_urls contains full_url -%}
+<link href="{{site.url}}/{{ page.permalink}}" hreflang="{{item}}" />
+3 {%- endif -%} {%- else -%} {% assign full_url = site.url | append: '/' |
+append: item %} {%- if whitelist_urls contains full_url -%}
+<link class="active-lang" href="{{site.url}}/{{item}}" hreflang="{{item}}" />
+4 {%- endif -%} {%- endif -%} {%- else -%} {%- if page.permalink | split: '/' |
+last != item -%} {%- if dataFile.features -%} {%- if whitelist_urls contains
+page.permalink -%}
+<link
+  data-rh="true"
+  rel="alternate"
+  href="{{site.url}}/{{item}}"
+  hreflang="{{item}}"
+/>
+5 {%- endif -%} {%- else -%} {% assign last_segment = page.permalink | split:
+'/' | last %} {% assign full_url = site.url | append: '/' | append: item |
+append: '/' | append: last_segment %} {%- if whitelist_urls contains full_url
+-%}
+<link
+  data-rh="true"
+  rel="alternate"
+  href="{{site.url}}/{{item}}/{{ page.permalink | split: '/' | last}}"
+  hreflang="{{item}}"
+/>
+6 {%- endif -%} {%- endif -%} {%- else -%} {% assign full_url = site.url |
+append: '/' | append: item %} {%- if whitelist_urls contains full_url -%}
+<link
+  data-rh="true"
+  rel="alternate"
+  href="{{site.url}}/{{item}}"
+  hreflang="{{item}}"
+/>
+7 {%- endif -%} {%- endif -%} {%- endif -%} {%- endif -%} {%- endif -%} {%-
+endfor -%} {%- endif -%}

data/_includes/appscms/customblog/contenttool-recent-posts.html

@@ -1,94 +1,94 @@
-<section class="related-posts-section container">
-  <div class="mx-auto col-md-11 col-lg-11 col-sm-10 p-3 pb-3">
-    <div class="relatedPosts">
-      {%- if site.posts.size>0 -%} {%- if site.monumetricId and page.url != '/'
-      and page.lang == "en" -%}
-      <div class="row">
-        <div class="col-md-9 mx-auto">
-          {%- endif -%}
-          <div class="heading">
-            <div class="row">
-              <div class="col-md-12 col-sm-12 mx-auto">
-                <div
-                  class="d-flex align-items-center justify-content-center mb-5"
-                >
-                  <hr
-                    class="flex-grow-1 mx-4 mb-0"
-                    style="height: 2px; background-color: #000"
-                  />
-                  <h4 class="text-center appscms-h3 my-5">Recent posts</h4>
-                  <hr
-                    class="flex-grow-1 mx-4 mb-0"
-                    style="height: 2px; background-color: #000"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
-        </div>
-      </div>
-      {%- endif -%} {%- endif -%}
-      <div class="row allblogs shadow appscms-blogs">
-        <div class="row px-4">
-          {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
-
-          <div class="col-md-9 mx-auto">
-            <div class="row">
-              {%- endif -%} {% assign posts = site.posts |
-              where_exp:"post","post.url != page.url" %} {% for post in posts
-              limit: 6%} {%- include /authors/authors.html -%}
-              <div class="col-xl-4 col-lg-6 col-md-6 mb-4">
-                <div class="card h-100 appscms-blog-cards">
-                  <a
-                    class="text-decoration-none text-dark"
-                    href="{{ post.url }}"
-                    aria-label="{{post.title}}"
-                  >
-                    <div class="extrabox">
-                      <img
-                        class="card-img-top"
-                        src="{{ post.image }}"
-                        alt="Video thumbnail"
-                        loading="lazy"
-                        style="height: 100%; width: 100%"
-                      />
-                    </div>
-                    <div class="card-body">
-                      <h5 class="card-title">{{post.title}}</h5>
-                      <div class="wrapfooter">
-                        <span class="meta-footer-thumb"
-                          ><img
-                            class="author-thumb ezlazyloaded"
-                            loading="lazy"
-                            src="{{image}}"
-                            alt="{{authorName}}"
-                            ezimgfmt="rs rscb1 src ng ngcb1"
-                            data-ezsrc="https://safeimagekit.com/ezoimgfmt/d33wubrfki0l68.cloudfront.net/6ec825fe5d7100e36db90bc00382e77e2e242a20/f5cec/assets/images/udit.jpg?ezimgfmt=rs:35x35/rscb1/ng:webp/ngcb1"
-                            ezoid="0.04631063861662277"
-                        /></span>
-                        <div class="author-meta">
-                          <span class="post-name"
-                            ><a target="_blank" href="/blog/"
-                              >{{authorName}}</a
-                            ></span
-                          ><br />
-                          <p class="post-date mb-0">
-                            {{post.date | date_to_string }}
-                          </p>
-                        </div>
-                      </div>
-                    </div>
-                  </a>
-                </div>
-              </div>
-              {% endfor %} {%- if site.monumetricId and page.url != '/' and
-              page.lang == "en" -%}
-            </div>
-          </div>
-          {%- endif -%}
-        </div>
-      </div>
-    </div>
-  </div>
-</section>
+<section class="related-posts-section container">
+  <div class="mx-auto col-md-11 col-lg-11 col-sm-10 p-3 pb-3">
+    <div class="relatedPosts">
+      {%- if site.posts.size>0 -%} {%- if site.monumetricId and page.url != '/'
+      and page.lang == "en" -%}
+      <div class="row">
+        <div class="col-md-9 mx-auto">
+          {%- endif -%}
+          <div class="heading">
+            <div class="row">
+              <div class="col-md-12 col-sm-12 mx-auto">
+                <div
+                  class="d-flex align-items-center justify-content-center mb-5"
+                >
+                  <hr
+                    class="flex-grow-1 mx-4 mb-0"
+                    style="height: 2px; background-color: #000"
+                  />
+                  <h4 class="text-center appscms-h3 my-5">Recent posts</h4>
+                  <hr
+                    class="flex-grow-1 mx-4 mb-0"
+                    style="height: 2px; background-color: #000"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+          {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+        </div>
+      </div>
+      {%- endif -%} {%- endif -%}
+      <div class="row allblogs shadow appscms-blogs">
+        <div class="row px-4">
+          {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+
+          <div class="col-md-9 mx-auto">
+            <div class="row">
+              {%- endif -%} {% assign posts = site.posts |
+              where_exp:"post","post.url != page.url" %} {% for post in posts
+              limit: 6%} {%- include /authors/authors.html -%}
+              <div class="col-xl-4 col-lg-6 col-md-6 mb-4">
+                <div class="card h-100 appscms-blog-cards">
+                  <a
+                    class="text-decoration-none text-dark"
+                    href="{{ post.url }}"
+                    aria-label="{{post.title}}"
+                  >
+                    <div class="extrabox">
+                      <img
+                        class="card-img-top"
+                        src="{{ post.image }}"
+                        alt="Video thumbnail"
+                        loading="lazy"
+                        style="height: 100%; width: 100%"
+                      />
+                    </div>
+                    <div class="card-body">
+                      <h5 class="card-title">{{post.title}}</h5>
+                      <div class="wrapfooter">
+                        <span class="meta-footer-thumb"
+                          ><img
+                            class="author-thumb ezlazyloaded"
+                            loading="lazy"
+                            src="{{image}}"
+                            alt="{{authorName}}"
+                            ezimgfmt="rs rscb1 src ng ngcb1"
+                            data-ezsrc="https://safeimagekit.com/ezoimgfmt/d33wubrfki0l68.cloudfront.net/6ec825fe5d7100e36db90bc00382e77e2e242a20/f5cec/assets/images/udit.jpg?ezimgfmt=rs:35x35/rscb1/ng:webp/ngcb1"
+                            ezoid="0.04631063861662277"
+                        /></span>
+                        <div class="author-meta">
+                          <span class="post-name"
+                            ><a target="_blank" href="/blog/"
+                              >{{authorName}}</a
+                            ></span
+                          ><br />
+                          <p class="post-date mb-0">
+                            {{post.date | date_to_string }}
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </a>
+                </div>
+              </div>
+              {% endfor %} {%- if site.monumetricId and page.url != '/' and
+              page.lang == "en" -%}
+            </div>
+          </div>
+          {%- endif -%}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>

data/_includes/appscms/customblog/pageRelatedPosts.html

@@ -1,69 +1,69 @@
-<section class="related-posts-section container">
-    <div class="mx-auto col-md-11 col-lg-11 col-sm-10 p-3 pb-3">
-        {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
-        <div class="row">
-            <div class="col-md-9 mx-auto">
-                {%- endif -%}
-                <p class="pt-5 pb-0 related_post_heading mb-3">You might also like</p>
-                {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
-            </div>
-        </div>
-        {%- endif -%}
-        {% assign file = page.fileName %}
-        {% assign lang = page.lang %}
-        {% assign folder = page.folderName %}
-        {% assign homeData = site.data[folder][lang][file] %}
-        {% assign blogData= homeData.posts %}
-        <div class="row allblogs appscms-blogs">
-            {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
-            <div class="col-md-9 mx-auto">
-                <div class="row">
-                    {%- endif -%}
-                    {% for post in blogData %}
-                    {%- include authors/authors.html-%}
-                    {% assign title = post.title %}
-{% assign title_lower = title | downcase %}
-{% assign title_hyphenated = title_lower | replace: ' ', '-' %}
-{% assign blogUrl = title_hyphenated | replace: '!', '' | replace: '?', '' | replace: ',', '' | replace: '.', '' | replace: ';', '' | replace: ':', '' | replace: '&', '' | replace: '@', '' | replace: '#', '' | replace: '$', '' | replace: '%', '' | replace: '^', '' | replace: '*', '' | replace: '(', '' | replace: ')', '' | replace: '+', '' | replace: '=', '' | replace: '{', '' | replace: '}', '' | replace: '[', '' | replace: ']', '' | replace: '|', '' | replace: '\\', '' | replace: '/', '' | replace: '<', '' | replace: '>', '' | replace: '~', '' | replace: '`', '' | replace: '"', '' | replace: "'", '' %}
-
-                    <div class="{%- if site.monumetricId and page.url != '/' and page.lang == " en" -%} col-md-6 mb-4 card-group {%-
-                        else -%} col-lg-4 col-md-6 mb-4 card-group  {%- endif -%} ">
-                        <div class="card h-100 appscms-blog-cards">
-                        <a class="extrapaddingforimg" href="/blog/{{ blogUrl }}" aria-label="{{post.title}}">
-                                <img src="{{ post.image }}" loading="lazy" class="card-img-top" height="250"
-                                    width="100%" alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%- endif
-                                    -%}>
-                        </a>
-                        <div class="card-body">
-                            <a class="text-decoration-none text-dark" href="/blog/{{ blogUrl }}" class="anchor_link" aria-label="{{post.title}}">
-                                <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
-                            </a>
-                            <div class="wrapfooter">
-                                {% if post.author %}
-                                    <img class="author-thumb" loading="lazy" src="{{ image }}" alt="{{ authorName }}"
-                                        {%- if site.crossorigin -%} crossorigin {%- endif -%}>
-                                {% endif %}
-
-                                <div class="author-meta">
-                                    <a class="post-name" target="_blank" href="/authors/{{authorName |downcase |replace:' ','-'}}">{{ authorName }}</a>
-                                    {% assign path_parts = post.path | split: '/' %}
-                                    {% assign filename = path_parts[1] %}
-                                    {% assign date_parts = filename | split: '-' %}
-                                    {% assign year = date_parts[0] %}
-                                    {% assign month = date_parts[1] %}
-                                    {% assign day = date_parts[2] %}
-                                    <div class="post-date">{{ day }}-{{ month }}-{{ year }}</div>
-                                </div>
-
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                {% endfor %}
-                {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
-            </div>
-        </div>
-        {%- endif -%}
-    </div>
-    </div>
+<section class="related-posts-section container">
+    <div class="mx-auto col-md-11 col-lg-11 col-sm-10 p-3 pb-3">
+        {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+        <div class="row">
+            <div class="col-md-9 mx-auto">
+                {%- endif -%}
+                <p class="pt-5 pb-0 related_post_heading mb-3">You might also like</p>
+                {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+            </div>
+        </div>
+        {%- endif -%}
+        {% assign file = page.fileName %}
+        {% assign lang = page.lang %}
+        {% assign folder = page.folderName %}
+        {% assign homeData = site.data[folder][lang][file] %}
+        {% assign blogData= homeData.posts %}
+        <div class="row allblogs appscms-blogs">
+            {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+            <div class="col-md-9 mx-auto">
+                <div class="row">
+                    {%- endif -%}
+                    {% for post in blogData %}
+                    {%- include authors/authors.html-%}
+                    {% assign title = post.title %}
+{% assign title_lower = title | downcase %}
+{% assign title_hyphenated = title_lower | replace: ' ', '-' %}
+{% assign blogUrl = title_hyphenated | replace: '!', '' | replace: '?', '' | replace: ',', '' | replace: '.', '' | replace: ';', '' | replace: ':', '' | replace: '&', '' | replace: '@', '' | replace: '#', '' | replace: '$', '' | replace: '%', '' | replace: '^', '' | replace: '*', '' | replace: '(', '' | replace: ')', '' | replace: '+', '' | replace: '=', '' | replace: '{', '' | replace: '}', '' | replace: '[', '' | replace: ']', '' | replace: '|', '' | replace: '\\', '' | replace: '/', '' | replace: '<', '' | replace: '>', '' | replace: '~', '' | replace: '`', '' | replace: '"', '' | replace: "'", '' %}
+
+                    <div class="{%- if site.monumetricId and page.url != '/' and page.lang == " en" -%} col-md-6 mb-4 card-group {%-
+                        else -%} col-lg-4 col-md-6 mb-4 card-group  {%- endif -%} ">
+                        <div class="card h-100 appscms-blog-cards">
+                        <a class="extrapaddingforimg" href="/blog/{{ blogUrl }}" aria-label="{{post.title}}">
+                                <img src="{{ post.image }}" loading="lazy" class="card-img-top" height="250"
+                                    width="100%" alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%- endif
+                                    -%}>
+                        </a>
+                        <div class="card-body">
+                            <a class="text-decoration-none text-dark" href="/blog/{{ blogUrl }}" class="anchor_link" aria-label="{{post.title}}">
+                                <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
+                            </a>
+                            <div class="wrapfooter">
+                                {% if post.author %}
+                                    <img class="author-thumb" loading="lazy" src="{{ image }}" alt="{{ authorName }}"
+                                        {%- if site.crossorigin -%} crossorigin {%- endif -%}>
+                                {% endif %}
+
+                                <div class="author-meta">
+                                    <a class="post-name" target="_blank" href="/authors/{{authorName |downcase |replace:' ','-'}}">{{ authorName }}</a>
+                                    {% assign path_parts = post.path | split: '/' %}
+                                    {% assign filename = path_parts[1] %}
+                                    {% assign date_parts = filename | split: '-' %}
+                                    {% assign year = date_parts[0] %}
+                                    {% assign month = date_parts[1] %}
+                                    {% assign day = date_parts[2] %}
+                                    <div class="post-date">{{ day }}-{{ month }}-{{ year }}</div>
+                                </div>
+
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                {% endfor %}
+                {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+            </div>
+        </div>
+        {%- endif -%}
+    </div>
+    </div>
 </section>

data/_includes/appscms/customblog/recentposts.html

@@ -1,68 +1,68 @@
-<section class="related-posts-section container">
-    <div class="mx-auto col-md-11 col-lg-11 col-sm-10 p-3 pb-3">
-        {% assign blogData= site.data.blog.blog %}
-        <div class="relatedPosts">
-            {%- if blogData.size>0 -%}
-            {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
-
-            <div class="row">
-                <div class="col-md-9 mx-auto">
-                    {%- endif -%}
-                    <h3 class="related_post_heading">Recent Posts</h3>
-                    {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
-
-                </div>
-            </div>
-            {%- endif -%}
-            {%- endif -%}
-            <div class="row allblogs shadow appscms-blogs">
-                {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
-
-
-                <div class="col-md-9 mx-auto">
-                    <div class="row">
-                        {%- endif -%}
-                        {% for post in blogData limit: 6%}
-                        {%- include /authors/authors.html -%}
-                        <div class=" 	{%- if site.monumetricId and page.url != '/' and page.lang == " en" -%} col-md-6
-                            mb-4 card-group {%- else -%} col-lg-4 col-md-6 mb-4 card-group {%- endif -%} ">
-                            <div class=" card h-100 appscms-blog-cards">
-                            <a href="{{ post.url }}" aria-label="{{post.title}}">
-                                <img src="{{ post.image }}" class="card-img-top" height="250" width="100%"
-                                    loading="lazy" alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%-
-                                    endif -%}
-                            </a>
-                            <div class="card-body">
-                                <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link" aria-label="{{post.title}}">
-                                    <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
-                                </a>
-                            </div>
-                         
-                                <div class="wrapfooter">
-                                    {% if post.author %}
-                                    <span class="meta-footer-thumb">
-                                        <img class="author-thumb" loading="lazy" src="{{image}}" alt="{{ authorName }}"
-                                            {%- if site.crossorigin -%} crossorigin {%- endif -%}
-                                    </span>
-                                    {% endif %}
-                                    <span class="author-meta">
-                                       
-                                            <a target="_blank" href="/blog/">{{authorName}}</a>
-                                        <br>
-                                        <span class="post-date">{{post.date | date_to_string }}</span>
-                                    </span>
-                                </div>
-                            
-                        </div>
-                    </div>
-                    {% endfor %}
-                </div>
-                {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
-
-
-            </div>
-        </div>
-        {%- endif -%}
-    </div>
-    </div>
+<section class="related-posts-section container">
+    <div class="mx-auto col-md-11 col-lg-11 col-sm-10 p-3 pb-3">
+        {% assign blogData= site.data.blog.blog %}
+        <div class="relatedPosts">
+            {%- if blogData.size>0 -%}
+            {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+
+            <div class="row">
+                <div class="col-md-9 mx-auto">
+                    {%- endif -%}
+                    <h3 class="related_post_heading">Recent Posts</h3>
+                    {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+
+                </div>
+            </div>
+            {%- endif -%}
+            {%- endif -%}
+            <div class="row allblogs shadow appscms-blogs">
+                {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+
+
+                <div class="col-md-9 mx-auto">
+                    <div class="row">
+                        {%- endif -%}
+                        {% for post in blogData limit: 6%}
+                        {%- include /authors/authors.html -%}
+                        <div class=" 	{%- if site.monumetricId and page.url != '/' and page.lang == " en" -%} col-md-6
+                            mb-4 card-group {%- else -%} col-lg-4 col-md-6 mb-4 card-group {%- endif -%} ">
+                            <div class=" card h-100 appscms-blog-cards">
+                            <a href="{{ post.url }}" aria-label="{{post.title}}">
+                                <img src="{{ post.image }}" class="card-img-top" height="250" width="100%"
+                                    loading="lazy" alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%-
+                                    endif -%}
+                            </a>
+                            <div class="card-body">
+                                <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link" aria-label="{{post.title}}">
+                                    <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
+                                </a>
+                            </div>
+                         
+                                <div class="wrapfooter">
+                                    {% if post.author %}
+                                    <span class="meta-footer-thumb">
+                                        <img class="author-thumb" loading="lazy" src="{{image}}" alt="{{ authorName }}"
+                                            {%- if site.crossorigin -%} crossorigin {%- endif -%}
+                                    </span>
+                                    {% endif %}
+                                    <span class="author-meta">
+                                       
+                                            <a target="_blank" href="/blog/">{{authorName}}</a>
+                                        <br>
+                                        <span class="post-date">{{post.date | date_to_string }}</span>
+                                    </span>
+                                </div>
+                            
+                        </div>
+                    </div>
+                    {% endfor %}
+                </div>
+                {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+
+
+            </div>
+        </div>
+        {%- endif -%}
+    </div>
+    </div>
 </section>