RubyGems - appscms-tools-theme - Versions diffs - 4.0.7 → 4.0.8 - Mend

appscms-tools-theme 4.0.7 → 4.0.8

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.

Files changed (106) hide show

checksums.yaml +4 -4
data/_data/about/en/about.json +16 -16
data/_data/blog/nav.json +13 -13
data/_data/blog/relatedblogs.json +6932 -6932
data/_data/download/en/download.json +73 -73
data/_data/feature/en/3_shop_posters.json +361 -361
data/_data/feature/en/allele-frequency.json +321 -321
data/_data/feature/en/batch-conversion.json +153 -153
data/_data/feature/en/compress-pdf.json +308 -308
data/_data/feature/en/devtools.json +299 -299
data/_data/feature/en/face-detection.json +123 -123
data/_data/feature/en/split-pdf.json +176 -176
data/_data/feature/en/theframe.json +126 -126
data/_data/feature/hi/compress-pdf.json +162 -162
data/_data/feature/tr/compress-pdf.json +161 -161
data/_data/footer/en/data.json +167 -167
data/_data/header/en/data.json +174 -174
data/_data/home/en/en.json +381 -381
data/_data/home/en/photoeffects.json +97 -97
data/_data/home/en/posters.json +322 -322
data/_data/home-1/en/en.json +308 -308
data/_includes/appscms/customblog/pageRelatedPosts.html +84 -84
data/_includes/appscms/customblog/recentposts.html +67 -67
data/_includes/appscms/customblog/relatedBlogs.html +83 -83
data/_includes/appscms/customblog/relatedposts.html +196 -196
data/_includes/appscms/extras/appscms-postbox.html +65 -65
data/_includes/appscms/featurePageAuthors/featurePageAuthors.html +97 -97
data/_includes/appscms/head/bloghead.html +238 -238
data/_includes/appscms/infographics/infographics.html +114 -109
data/_includes/appscms/recent-posts/recent_posts.html +92 -92
data/_includes/appscms/recent-posts/related_categories_post.html +198 -198
data/_includes/author_bio.html +41 -41
data/_includes/authorpagehead/index.html +47 -47
data/_includes/authors/authors.html +117 -117
data/_includes/batch-conversion.html +141 -141
data/_includes/cssfile/links.html +54 -54
data/_includes/custom-head.html +138 -138
data/_includes/customCode.html +1 -1
data/_includes/customScripts.html +1 -1
data/_includes/customblog/pageRelatedPosts.html +87 -87
data/_includes/customblog/relatedBlogs.html +86 -86
data/_includes/dropdown/langdropdown.html +32 -32
data/_includes/feature.html +39 -39
data/_includes/featurePageAuthors/featurePageAuthors.html +97 -97
data/_includes/footer/index.html +538 -538
data/_includes/google-analytics.html +32 -32
data/_includes/head/index.html +623 -623
data/_includes/header/blogHeader.html +34 -34
data/_includes/header/index.html +192 -192
data/_includes/infographics/infographics.html +241 -231
data/_includes/paginationBlogPage.html +70 -70
data/_includes/script.html +557 -557
data/_includes/share/socialshare.html +21 -21
data/_includes/userTracking.html +43 -43
data/_layouts/aboutUs.html +98 -98
data/_layouts/allAuthors.html +131 -131
data/_layouts/appscms-about.html +163 -163
data/_layouts/appscms-audio.html +33 -33
data/_layouts/appscms-author.html +408 -408
data/_layouts/appscms-authors.html +132 -132
data/_layouts/appscms-calculator.html +93 -93
data/_layouts/appscms-categories.html +26 -26
data/_layouts/appscms-contact.html +132 -132
data/_layouts/appscms-disclaimer.html +124 -124
data/_layouts/appscms-download.html +289 -289
data/_layouts/appscms-feature-result.html +94 -94
data/_layouts/appscms-help.html +25 -25
data/_layouts/appscms-imagekit.html +113 -113
data/_layouts/appscms-post.html +243 -243
data/_layouts/appscms-privacy-policy.html +781 -781
data/_layouts/appscms-terms-and-conditions.html +646 -646
data/_layouts/appscms-video.html +33 -33
data/_layouts/audio.html +33 -33
data/_layouts/author.html +408 -408
data/_layouts/batch.html +177 -177
data/_layouts/blog.html +131 -131
data/_layouts/calculator.html +99 -99
data/_layouts/devtools.html +57 -57
data/_layouts/feature-1.html +406 -406
data/_layouts/feature.html +435 -434
data/_layouts/featureResultPage.html +80 -80
data/_layouts/frame.html +222 -222
data/_layouts/home.html +300 -300
data/_layouts/imagekit.html +303 -303
data/_layouts/photo-effects-home.html +190 -190
data/_layouts/post.html +233 -233
data/assets/app.js +75 -75
data/assets/css/appscms-blog.css +500 -500
data/assets/css/appscms-home.css +5 -5
data/assets/css/appscms-imagekit.css +854 -854
data/assets/css/appscms-variables.css +18 -18
data/assets/css/blog.css +509 -509
data/assets/css/calculators.css +46 -46
data/assets/css/devtools.css +105 -105
data/assets/css/feature-1.css +293 -293
data/assets/css/imagekit copy.css +848 -848
data/assets/css/tools.css +1817 -1817
data/assets/images/digipaint.svg +6 -6
data/assets/images/logo.svg +2 -2
data/assets/images/manthink.svg +3552 -3552
data/assets/js/batch.js +256 -256
data/assets/js/devtools.js +81 -81
data/assets/js/sharePage.js +65 -65
data/assets/js/usageTracking.js +143 -143
data/assets/js/usageTrackingEvents.js +6 -6
metadata +2 -2

data/_includes/custom-head.html CHANGED Viewed

@@ -1,139 +1,139 @@
-<head>
-  {%- assign pagedescriptionlength = page.description | split: ' ' -%}
-  {%- if pagedescriptionlength.size > 5 -%}
-  {%- assign pagedescriptionlength = page.description | split: ' ' -%}
-  {%- assign pagedescription = page.description -%}
-  {%- endif -%}
-  {% assign favicon = site.favicon %} {%- assign seo_description =
-  pagedescription | default: page.content | markdownify | strip_html |
-  truncatewords: 50 | default: page.excerpt | default: site.description -%} {%-
-  if seo_description -%} {%- assign seo_description = seo_description |
-  markdownify | strip_html | strip_newlines | escape_once -%} {%- endif -%} {%-
-  if page.date -%} {%- assign og_type = "article" -%} {%- else -%} {%- assign
-  og_type = "website" -%} {%- endif -%}
-  {%- assign title = page.title | split: ' ' -%}
-  {%- assign newtitle = '' %}
-  {% for operation in title %}
-  {%- if forloop.first -%}
-  {% assign word = operation | capitalize %}
-  {% assign newtitle = newtitle | append : word %}
-  {% assign newtitle = newtitle | append : " " %}
-  {%- else -%}
-  {% assign word = operation %}
-  {%- if forloop.last -%}
-  {% assign newtitle = newtitle | append : word %}
-  {%- else -%}
-  {% assign newtitle = newtitle | append : word %}
-  {% assign newtitle = newtitle | append : " " %}
-  {%- endif -%}
-  {%- endif -%}
-  {% endfor %}
-  {%- assign description = description | split: ' ' -%}
-  {% assign pagedescription = '' %}
-  {% for operation in description %}
-  {%- if forloop.first -%}
-  {% assign word = operation | capitalize %}
-  {% assign pagedescription = pagedescription | append : word %}
-  {% assign pagedescription = pagedescription | append : " " %}
-  {%- else -%}
-  {% assign word = operation %}
-  {%- if forloop.last -%}
-  {% assign pagedescription = pagedescription | append : word %}
-  {%- else -%}
-  {% assign pagedescription = pagedescription | append : word %}
-  {% assign pagedescription = pagedescription | append : " " %}
-  {%- endif -%}
-  {%- endif -%}
-  {% endfor %}
-  {%- assign title = newtitle -%}
-  {%- assign description = pagedescription-%}
-  <meta charset="UTF-8" />
-  <link rel="shortcut icon" href="{{favicon}}" />
-  <link rel="canonical" href="{{site.url | append:  page.url}}" />
-  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
-  <meta name="keywords" content="{{site.keyboard}}" />
-  <meta name="description" content="{{ seo_description | slice: 0, 155 }}" />
-  <meta name="og:description" content="{{ seo_description | slice: 0, 155 }}" />
-  <meta property="og:title" content="{{ title | default: site.title }}" />
-  <meta property="og:type" content="{{og_type}}" />
-  <meta property="og:locale" content="en_US" />
-  <meta property="og:site_name" content="{{site.name}}" />
-  <meta property="og:url" content="{{site.url | append:  page.url}}" />
-  <meta name="author" content="{{ site.author_name  }}" />
-  <title>{{title}}</title>
-  <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet" />
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" {%- if
-    site.crossorigin -%} crossorigin {%- endif -%} />
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" {%- if
-    site.crossorigin -%} crossorigin {%- endif -%} />
-  {% include adsense/adsense.html %}
-  <link rel="stylesheet" href="{{'/assets/css/blog.css' | relative_url }}" {%- if site.crossorigin -%} crossorigin {%-
-    endif -%} />
-  {%- if page.layout == "blog-1" -%}
-  <link rel="stylesheet" href="{{'/assets/css/blog-1.css' | relative_url }}" {%- if site.crossorigin -%} crossorigin {%-
-    endif -%} />
-  {%- endif -%}
-  {%- include google-analytics.html -%}
-  {% if jekyll.environment == 'production' and site.monumetricId %}
-  <script>
-    const autoLoadDuration = 5; //In Seconds
-    const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
-    const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
-    eventList.forEach(function (event) {
-      window.addEventListener(event, triggerScripts, { passive: true })
-    });
-    function triggerScripts() {
-      runScripts();
-      clearTimeout(autoLoadTimeout);
-      eventList.forEach(function (event) {
-        window.removeEventListener(event, triggerScripts, { passive: true });
-      });
-    }
-    function runScripts() {
-      document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
-        scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
-      });
-    }
-  </script>
-  <script type="text/javascript" defer delay="{{site.monumetricId}}" data-cfasync="false"></script>
-  {% endif %}
-  {% if jekyll.environment == 'development' and site.monumetricId %}
-  <script>
-    const autoLoadDuration = 5; //In Seconds
-    const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
-    const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
-    eventList.forEach(function (event) {
-      window.addEventListener(event, triggerScripts, { passive: true })
-    });
-    function triggerScripts() {
-      runScripts();
-      clearTimeout(autoLoadTimeout);
-      eventList.forEach(function (event) {
-        window.removeEventListener(event, triggerScripts, { passive: true });
-      });
-    }
-    function runScripts() {
-      document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
-        scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
-      });
-    }
-  </script>
-  <script type="text/javascript" delay="{{site.monumetricId}}"></script>
-  {% endif %}
-</head>
+<head>
+  {%- assign pagedescriptionlength = page.description | split: ' ' -%}
+  {%- if pagedescriptionlength.size > 5 -%}
+  {%- assign pagedescriptionlength = page.description | split: ' ' -%}
+  {%- assign pagedescription = page.description -%}
+  {%- endif -%}
+  {% assign favicon = site.favicon %} {%- assign seo_description =
+  pagedescription | default: page.content | markdownify | strip_html |
+  truncatewords: 50 | default: page.excerpt | default: site.description -%} {%-
+  if seo_description -%} {%- assign seo_description = seo_description |
+  markdownify | strip_html | strip_newlines | escape_once -%} {%- endif -%} {%-
+  if page.date -%} {%- assign og_type = "article" -%} {%- else -%} {%- assign
+  og_type = "website" -%} {%- endif -%}
+  {%- assign title = page.title | split: ' ' -%}
+  {%- assign newtitle = '' %}
+  {% for operation in title %}
+  {%- if forloop.first -%}
+  {% assign word = operation | capitalize %}
+  {% assign newtitle = newtitle | append : word %}
+  {% assign newtitle = newtitle | append : " " %}
+  {%- else -%}
+  {% assign word = operation %}
+  {%- if forloop.last -%}
+  {% assign newtitle = newtitle | append : word %}
+  {%- else -%}
+  {% assign newtitle = newtitle | append : word %}
+  {% assign newtitle = newtitle | append : " " %}
+  {%- endif -%}
+  {%- endif -%}
+  {% endfor %}
+  {%- assign description = description | split: ' ' -%}
+  {% assign pagedescription = '' %}
+  {% for operation in description %}
+  {%- if forloop.first -%}
+  {% assign word = operation | capitalize %}
+  {% assign pagedescription = pagedescription | append : word %}
+  {% assign pagedescription = pagedescription | append : " " %}
+  {%- else -%}
+  {% assign word = operation %}
+  {%- if forloop.last -%}
+  {% assign pagedescription = pagedescription | append : word %}
+  {%- else -%}
+  {% assign pagedescription = pagedescription | append : word %}
+  {% assign pagedescription = pagedescription | append : " " %}
+  {%- endif -%}
+  {%- endif -%}
+  {% endfor %}
+  {%- assign title = newtitle -%}
+  {%- assign description = pagedescription-%}
+  <meta charset="UTF-8" />
+  <link rel="shortcut icon" href="{{favicon}}" />
+  <link rel="canonical" href="{{site.url | append:  page.url}}" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+  <meta name="keywords" content="{{site.keyboard}}" />
+  <meta name="description" content="{{ seo_description | slice: 0, 155 }}" />
+  <meta name="og:description" content="{{ seo_description | slice: 0, 155 }}" />
+  <meta property="og:title" content="{{ title | default: site.title }}" />
+  <meta property="og:type" content="{{og_type}}" />
+  <meta property="og:locale" content="en_US" />
+  <meta property="og:site_name" content="{{site.name}}" />
+  <meta property="og:url" content="{{site.url | append:  page.url}}" />
+  <meta name="author" content="{{ site.author_name  }}" />
+  <title>{{title}}</title>
+  <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" {%- if
+    site.crossorigin -%} crossorigin {%- endif -%} />
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" {%- if
+    site.crossorigin -%} crossorigin {%- endif -%} />
+  {% include adsense/adsense.html %}
+  <link rel="stylesheet" href="{{'/assets/css/blog.css' | relative_url }}" {%- if site.crossorigin -%} crossorigin {%-
+    endif -%} />
+  {%- if page.layout == "blog-1" -%}
+  <link rel="stylesheet" href="{{'/assets/css/blog-1.css' | relative_url }}" {%- if site.crossorigin -%} crossorigin {%-
+    endif -%} />
+  {%- endif -%}
+  {%- include google-analytics.html -%}
+  {% if jekyll.environment == 'production' and site.monumetricId %}
+  <script>
+    const autoLoadDuration = 5; //In Seconds
+    const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
+    const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
+    eventList.forEach(function (event) {
+      window.addEventListener(event, triggerScripts, { passive: true })
+    });
+    function triggerScripts() {
+      runScripts();
+      clearTimeout(autoLoadTimeout);
+      eventList.forEach(function (event) {
+        window.removeEventListener(event, triggerScripts, { passive: true });
+      });
+    }
+    function runScripts() {
+      document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
+        scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
+      });
+    }
+  </script>
+  <script type="text/javascript" defer delay="{{site.monumetricId}}" data-cfasync="false"></script>
+  {% endif %}
+  {% if jekyll.environment == 'development' and site.monumetricId %}
+  <script>
+    const autoLoadDuration = 5; //In Seconds
+    const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
+    const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
+    eventList.forEach(function (event) {
+      window.addEventListener(event, triggerScripts, { passive: true })
+    });
+    function triggerScripts() {
+      runScripts();
+      clearTimeout(autoLoadTimeout);
+      eventList.forEach(function (event) {
+        window.removeEventListener(event, triggerScripts, { passive: true });
+      });
+    }
+    function runScripts() {
+      document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
+        scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
+      });
+    }
+  </script>
+  <script type="text/javascript" delay="{{site.monumetricId}}"></script>
+  {% endif %}
+</head>
 {{ seo_description }}

data/_includes/customCode.html CHANGED Viewed

	@@ -1 +1 @@
1	- <!-- custom code -->
1	+ <!-- custom code -->

data/_includes/customScripts.html CHANGED Viewed

	@@ -1 +1 @@
1	- <!-- custom scripts -->
1	+ <!-- custom scripts -->

data/_includes/customblog/pageRelatedPosts.html CHANGED Viewed

@@ -1,88 +1,88 @@
-<section class="related-posts-section">
-    <div class="container">
-        <div class="relatedPosts">
-            {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
-            <div class="row">
-                <div class="col-md-9 mx-auto">
-                    {%- endif -%}
-                    <h2 class="pt-5 pb-0 related_post_heading mb-3">You might also like</h2>
-                    {%- 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">
-                {%- 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-%}
-                        <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">
-                            <a href="/blog/{{ post.url }}">
-                                <img src="{{ post.image }}" loading="lazy" class="card-img-top" height="auto"
-                                    width="100%" alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%- endif
-                                    -%}>
-                            </a>
-                            <div class="card-body">
-                                <a class="text-decoration-none text-dark" href="/blog/{{ post.url }}" class="anchor_link">
-                                    <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
-                                </a>
-                            </div>
-                            <div class="card-footer bg-white">
-                                <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">
-                                        <span class="post-name">
-                                            <a target="_blank" href="/blog">{{authorName}}</a>
-                                        </span><br>
-                                        <span class="post-date">{{post.date | date_to_string }}</span>
-                                    </span>
-                                    <span class="post-read-more"><a class="text-dark" href="/blog/{{ post.url }}"
-                                            title="Read Story">Read
-                                            More</a></span>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                {% endfor %}
-                {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
-            </div>
-        </div>
-        {%- endif -%}
-    </div>
-    </div>
-    </div>
+<section class="related-posts-section">
+    <div class="container">
+        <div class="relatedPosts">
+            {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+            <div class="row">
+                <div class="col-md-9 mx-auto">
+                    {%- endif -%}
+                    <h2 class="pt-5 pb-0 related_post_heading mb-3">You might also like</h2>
+                    {%- 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">
+                {%- 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-%}
+                        <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">
+                            <a href="/blog/{{ post.url }}">
+                                <img src="{{ post.image }}" loading="lazy" class="card-img-top" height="auto"
+                                    width="100%" alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%- endif
+                                    -%}>
+                            </a>
+                            <div class="card-body">
+                                <a class="text-decoration-none text-dark" href="/blog/{{ post.url }}" class="anchor_link">
+                                    <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
+                                </a>
+                            </div>
+                            <div class="card-footer bg-white">
+                                <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">
+                                        <span class="post-name">
+                                            <a target="_blank" href="/blog">{{authorName}}</a>
+                                        </span><br>
+                                        <span class="post-date">{{post.date | date_to_string }}</span>
+                                    </span>
+                                    <span class="post-read-more"><a class="text-dark" href="/blog/{{ post.url }}"
+                                            title="Read Story">Read
+                                            More</a></span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                {% endfor %}
+                {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+            </div>
+        </div>
+        {%- endif -%}
+    </div>
+    </div>
+    </div>
 </section>

data/_includes/customblog/relatedBlogs.html CHANGED Viewed

@@ -1,87 +1,87 @@
-<section class="related-posts-section">
-    <div class="container">
-        <div class="relatedPosts">
-            {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
-            <div class="row">
-                <div class="col-md-9 mx-auto">
-                    {%- endif -%}
-                    <h2 class="pt-5 pb-0 related_post_heading mb-3">You might also like</h2>
-                    {%- 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] %}
-            <div class="row">
-                {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
-                <div class="col-md-9 mx-auto">
-                    <div class="row">
-                        {%- endif -%}
-                        {% for entry in site.data.blog.relatedblogs %}
-                        {% if entry.path == blogPostPath %}
-                            {% for post in entry.relatedBlogs %}
-                            {%- 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">
-                                     <a href="/blog/{{ post.metadata.url }}">
-                                         <img src="{{ post.metadata.image }}" loading="lazy" class="card-img-top" height="auto"
-                                             width="100%" alt="{{post.metadata.title}}" {%- if site.crossorigin -%} crossorigin {%- endif
-                                             -%}>
-                                     </a>
-                                     <div class="card-body">
-                                         <a class="text-decoration-none text-dark" href="/blog/{{ post.metadata.url }}" class="anchor_link">
-                                             <h4 class="card-title mb-4 text-left">{{ post.metadata.title }}</h4>
-                                         </a>
-                                     </div>
-                                     <div class="card-footer bg-white">
-                                         <div class="wrapfooter">
-                                             {% if post.metadata.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">
-                                                 <span class="post-name">
-                                                     <a target="_blank" href="/blog">{{authorName}}</a>
-                                                 </span><br>
-                                                 <span class="post-date">{{post.metadata.date | date_to_string }}</span>
-                                             </span>
-                                             <span class="post-read-more"><a class="text-dark" href="/blog/{{ post.metadata.url }}"
-                                                     title="Read Story">Read
-                                                     More</a></span>
-                                         </div>
-                                     </div>
-                                 </div>
-                             </div>
-                            {% endfor %}
-                        {% endif %}
-                    {% endfor %}
-                {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
-            </div>
-        </div>
-        {%- endif -%}
-    </div>
-    </div>
-    </div>
+<section class="related-posts-section">
+    <div class="container">
+        <div class="relatedPosts">
+            {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+            <div class="row">
+                <div class="col-md-9 mx-auto">
+                    {%- endif -%}
+                    <h2 class="pt-5 pb-0 related_post_heading mb-3">You might also like</h2>
+                    {%- 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] %}
+            <div class="row">
+                {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+                <div class="col-md-9 mx-auto">
+                    <div class="row">
+                        {%- endif -%}
+                        {% for entry in site.data.blog.relatedblogs %}
+                        {% if entry.path == blogPostPath %}
+                            {% for post in entry.relatedBlogs %}
+                            {%- 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">
+                                     <a href="/blog/{{ post.metadata.url }}">
+                                         <img src="{{ post.metadata.image }}" loading="lazy" class="card-img-top" height="auto"
+                                             width="100%" alt="{{post.metadata.title}}" {%- if site.crossorigin -%} crossorigin {%- endif
+                                             -%}>
+                                     </a>
+                                     <div class="card-body">
+                                         <a class="text-decoration-none text-dark" href="/blog/{{ post.metadata.url }}" class="anchor_link">
+                                             <h4 class="card-title mb-4 text-left">{{ post.metadata.title }}</h4>
+                                         </a>
+                                     </div>
+                                     <div class="card-footer bg-white">
+                                         <div class="wrapfooter">
+                                             {% if post.metadata.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">
+                                                 <span class="post-name">
+                                                     <a target="_blank" href="/blog">{{authorName}}</a>
+                                                 </span><br>
+                                                 <span class="post-date">{{post.metadata.date | date_to_string }}</span>
+                                             </span>
+                                             <span class="post-read-more"><a class="text-dark" href="/blog/{{ post.metadata.url }}"
+                                                     title="Read Story">Read
+                                                     More</a></span>
+                                         </div>
+                                     </div>
+                                 </div>
+                             </div>
+                            {% endfor %}
+                        {% endif %}
+                    {% endfor %}
+                {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+            </div>
+        </div>
+        {%- endif -%}
+    </div>
+    </div>
+    </div>
 </section>