RubyGems - appscms-tools-theme - Versions diffs - 4.0.3 → 4.0.4 - Mend

appscms-tools-theme 4.0.3 → 4.0.4

Files changed (107) 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 -200
data/_includes/appscms/extras/appscms-postbox.html +65 -65
data/_includes/appscms/featurePageAuthors/featurePageAuthors.html +97 -97
data/_includes/appscms/featurehighlight/featurehighlight.html +1 -1
data/_includes/appscms/head/bloghead.html +238 -238
data/_includes/appscms/infographics/infographics.html +109 -109
data/_includes/appscms/recent-posts/recent_posts.html +92 -90
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 +230 -230
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 +434 -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>