appscms-tools-theme 1.2.7 → 1.3.2

data/_includes/adsense/adsense.html

@@ -1,7 +1,7 @@
-{% if jekyll.environment == 'production' and site.clientid %}
-<script
-  async
-  src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client={{site.clientid}}"
-  crossorigin="anonymous"
-></script>
-{% endif %}
+{% if jekyll.environment == 'production' and site.clientid %}
+<script
+  async
+  src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client={{site.clientid}}"
+  crossorigin="anonymous"
+></script>
+{% endif %}

data/_includes/author_bio.html

@@ -1,16 +1,16 @@
-{%- include /authors/authors.html -%}
-<div class="wrapfooter">
-    <span class="author_image">
-        <img class="author-thumb" loading="lazy" src="{{ image }}" height="35px" width="35px" alt="{{ authorName}}" id="author_img">
-    </span>
-    <span class="author-meta">
-        <span class="post-name">
-            <a class="postName" target="_blank" href="{{twitter}}">{{authorName}}</a>
-            {%- if twitter != 'N/A' -%}
-            <a class="btn_follow text-decoration-none" target="_blank" href="{{twitter}}">Follow</a>
-            {%- endif -%}
-           
-        </span><br>
-        <span class="author_bio">{{bio}}</span>
-    </span>
+{%- include /authors/authors.html -%}
+<div class="wrapfooter">
+    <span class="author_image">
+        <img class="author-thumb" loading="lazy" src="{{ image }}" height="35px" width="35px" alt="{{ authorName}}" id="author_img">
+    </span>
+    <span class="author-meta">
+        <span class="post-name">
+            <a class="postName" target="_blank" href="{{twitter}}">{{authorName}}</a>
+            {%- if twitter != 'N/A' -%}
+            <a class="btn_follow text-decoration-none" target="_blank" href="{{twitter}}">Follow</a>
+            {%- endif -%}
+           
+        </span><br>
+        <span class="author_bio">{{bio}}</span>
+    </span>
 </div>

data/_includes/authors/authors.html

@@ -1,27 +1,27 @@
-{% assign ankita = "Ankita&&/assets/images/Ankita.webp&&Ankita has majored in Applied Communication studies, with over 4 years of experience content writing. She is an expert at word games and freqently shares her thoughts on word games, and many other topics.&&https://twitter.com/roy93anki" | split: '&&' %}
-{% assign keshav = "Keshav Agarwal&&/assets/images/keshav.webp&&Keshav Agarwal is an aspiring Android developer with keen interest in computers, technology and development. He also has a knack of writing and loves to share his knowledge with the help of his posts.&&https://mobile.twitter.com/KeshavA76099697" | split: '&&' %}
-{% assign anushka = "Anushka Guha&&/assets/images/Anushka.webp&&Anushka is an aspiring Instrumentation engineer who thrives on good music, books and travelling. She has been creating content on all of this and often shares her thoughts on the technicalities behind various file formats and their processing.
-&&https://twitter.com/its_anushka_" | split: '&&' %}
-{% assign paavan = "Thandra Paavan Kumar&&/assets/images/paavan.webp&&Paavan Kumar is an enthusiastic nanotech engineer who has a keen intererst in micro and nano science with a good sense of content creation on diverse topics and often shares his thoughts and helps those he can. He have a knack of writing essays,stories and poems.&&https://twitter.com/PaavanThandra" | split: '&&' %}
-{% assign thandra = "Thandra Paavan Kumar&&/assets/images/paavan.webp&&Paavan Kumar is an enthusiastic nanotech engineer who has a keen intererst in micro and nano science with a good sense of content creation on diverse topics and often shares his thoughts and helps those he can. He have a knack of writing essays,stories and poems.&&https://twitter.com/PaavanThandra" | split: '&&' %}
-{% assign arjyahi = "Arjyahi Bhattacharya&&/assets/images/Arjyahi.webp&&Arjyahi is an aspiring Civil engineer who loves photography, music, books and philosophy. She also loves nature and animals. She enjoys reading and sharing information on various topics involving her knacks.&&https://twitter.com/arjyahi" | split: '&&' %}
-{% assign nikita = "Nikita Gupta&&/assets/images/Nikita.webp&&Nikita is an aspiring MBA graduate, who loves creating content. She loves reading and watching anime. She is into other languages and currently learning Spanish, French and Japanese. Her favourite timepass is solving sudokus. &&N/A" | split: '&&' %}
-{% assign alka = "Alka Bisht&&/assets/images/Alka.webp&&Alka Bisht is an experienced content writer with a penchnat for writing compellinmg content within technical and non- technical areas. As a content writer her goals include providing the best content throughout her writing journey.&&N/A" | split: '&&' %}
-{%- assign postAuthor = post.author | split: " " -%}
-{%- assign author = postAuthor.first | downcase -%}
-{%- assign collection = [author] -%}
-{%- for item in collection -%}
-    {%- if forloop.index==1 -%}
-        {%- assign authorName = item -%}
-    {%- endif -%}
-    {%- if forloop.index==2 -%}
-        {%- assign image = item -%}
-    {%- endif -%}
-    {%- if forloop.index==3 -%}
-        {%- assign bio = item -%}
-    {%- endif -%}
-    {%- if forloop.index==4 -%}
-        {%- assign twitter = item -%}
-    {%- endif -%}
-{%- endfor -%}
-
+{% assign ankita = "Ankita&&/assets/images/Ankita.webp&&Ankita has majored in Applied Communication studies, with over 4 years of experience content writing. She is an expert at word games and freqently shares her thoughts on word games, and many other topics.&&https://twitter.com/roy93anki" | split: '&&' %}
+{% assign keshav = "Keshav Agarwal&&/assets/images/keshav.webp&&Keshav Agarwal is an aspiring Android developer with keen interest in computers, technology and development. He also has a knack of writing and loves to share his knowledge with the help of his posts.&&https://mobile.twitter.com/KeshavA76099697" | split: '&&' %}
+{% assign anushka = "Anushka Guha&&/assets/images/Anushka.webp&&Anushka is an aspiring Instrumentation engineer who thrives on good music, books and travelling. She has been creating content on all of this and often shares her thoughts on the technicalities behind various file formats and their processing.
+&&https://twitter.com/its_anushka_" | split: '&&' %}
+{% assign paavan = "Thandra Paavan Kumar&&/assets/images/paavan.webp&&Paavan Kumar is an enthusiastic nanotech engineer who has a keen intererst in micro and nano science with a good sense of content creation on diverse topics and often shares his thoughts and helps those he can. He have a knack of writing essays,stories and poems.&&https://twitter.com/PaavanThandra" | split: '&&' %}
+{% assign thandra = "Thandra Paavan Kumar&&/assets/images/paavan.webp&&Paavan Kumar is an enthusiastic nanotech engineer who has a keen intererst in micro and nano science with a good sense of content creation on diverse topics and often shares his thoughts and helps those he can. He have a knack of writing essays,stories and poems.&&https://twitter.com/PaavanThandra" | split: '&&' %}
+{% assign arjyahi = "Arjyahi Bhattacharya&&/assets/images/Arjyahi.webp&&Arjyahi is an aspiring Civil engineer who loves photography, music, books and philosophy. She also loves nature and animals. She enjoys reading and sharing information on various topics involving her knacks.&&https://twitter.com/arjyahi" | split: '&&' %}
+{% assign nikita = "Nikita Gupta&&/assets/images/Nikita.webp&&Nikita is an aspiring MBA graduate, who loves creating content. She loves reading and watching anime. She is into other languages and currently learning Spanish, French and Japanese. Her favourite timepass is solving sudokus. &&N/A" | split: '&&' %}
+{% assign alka = "Alka Bisht&&/assets/images/Alka.webp&&Alka Bisht is an experienced content writer with a penchnat for writing compellinmg content within technical and non- technical areas. As a content writer her goals include providing the best content throughout her writing journey.&&N/A" | split: '&&' %}
+{%- assign postAuthor = post.author | split: " " -%}
+{%- assign author = postAuthor.first | downcase -%}
+{%- assign collection = [author] -%}
+{%- for item in collection -%}
+    {%- if forloop.index==1 -%}
+        {%- assign authorName = item -%}
+    {%- endif -%}
+    {%- if forloop.index==2 -%}
+        {%- assign image = item -%}
+    {%- endif -%}
+    {%- if forloop.index==3 -%}
+        {%- assign bio = item -%}
+    {%- endif -%}
+    {%- if forloop.index==4 -%}
+        {%- assign twitter = item -%}
+    {%- endif -%}
+{%- endfor -%}
+

data/_includes/cssfile/links.html

@@ -1,13 +1,13 @@
-{% assign cssData = site.data.[page.folderName][lang][file] %}
-{{site.data.customcdns.customcdns.cssfiles}}
-{%- if cssData.cssfilepaths  -%}
-{%- for path in cssData.cssfilepaths  -%}
-   <link rel="stylesheet" href="{{path}}">
-{%- endfor -%}
-{%- endif -%}
-{%- if cssData.csscdns  -%}
-{%- for item in cssData.csscdns  -%}
-   {{item}}
-{%- endfor -%}
-{%- endif -%}
-
+{% assign cssData = site.data.[page.folderName][lang][file] %}
+{{site.data.customcdns.customcdns.cssfiles}}
+{%- if cssData.cssfilepaths  -%}
+{%- for path in cssData.cssfilepaths  -%}
+   <link rel="stylesheet" href="{{path}}">
+{%- endfor -%}
+{%- endif -%}
+{%- if cssData.csscdns  -%}
+{%- for item in cssData.csscdns  -%}
+   {{item}}
+{%- endfor -%}
+{%- endif -%}
+

data/_includes/custom-head.html

@@ -1,41 +1,41 @@
-<head>
-  {% assign favicon = site.favicon %} {%- assign seo_description =
-  page.description | 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 -%}
-  <meta charset="UTF-8" />
-  <link rel="shortcut icon" href="{{favicon}}" />
-  <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="{{ page.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>{{page.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"
-  />
-  <link
-    rel="stylesheet"
-    href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
-  />
-  {% include adsense/adsense.html %}
-  <link rel="stylesheet" href="{{'/assets/css/blog.css' | relative_url }}" />
-  <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
-
-  {%- include google-analytics.html -%}
-</head>
+<head>
+  {% assign favicon = site.favicon %} {%- assign seo_description =
+  page.description | 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 -%}
+  <meta charset="UTF-8" />
+  <link rel="shortcut icon" href="{{favicon}}" />
+  <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="{{ page.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>{{page.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"
+  />
+  <link
+    rel="stylesheet"
+    href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
+  />
+  {% include adsense/adsense.html %}
+  <link rel="stylesheet" href="{{'/assets/css/blog.css' | relative_url }}" />
+  <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
+
+  {%- include google-analytics.html -%}
+</head>

data/_includes/disqus_comments.html

@@ -1,11 +1,11 @@
-<div id="disqus_thread"></div>
-<script>
-  (function () { 
-    var d = document, s = d.createElement('script');
-    s.src = 'https://{{site.disqus.shortname}}.disqus.com/embed.js';
-    s.setAttribute('data-timestamp', +new Date());
-    (d.head || d.body).appendChild(s);
-  })();
-</script>
-<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by
+<div id="disqus_thread"></div>
+<script>
+  (function () { 
+    var d = document, s = d.createElement('script');
+    s.src = 'https://{{site.disqus.shortname}}.disqus.com/embed.js';
+    s.setAttribute('data-timestamp', +new Date());
+    (d.head || d.body).appendChild(s);
+  })();
+</script>
+<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by
     Disqus.</a></noscript>

data/_includes/dropdown/langdropdown.html

@@ -1,22 +1,22 @@
-{% assign file = page.fileName %}
-{% assign lang = page.lang %}
-{% assign folder = page.folderName %}
-{% assign langData = site.data[folder][lang][file] %}
-{%- assign langsupport = page.langsupport -%}
-{%- assign variable = site.data.languagesupport[langsupport]-%}
-{%- if variable.langsupport -%}
-<div class="lang-dropdown">
-  <button class="btn btn-light dropdown-toggle lang-dropdown-btn" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-expanded="false">
-    {{langData.Language}}
-  </button>
-  <ul class="dropdown-menu drop-down-wrapper" aria-labelledby="dropdownMenu2">
-  {%- for item in variable.langsupport -%}
-        {%- if langData.Language == item.lang -%}
-        <a class="lang-dropdown-item py-1" style="background-color:rgba(149, 148, 151, 0.397);"  class=".lang-dropdown-item" href="{{item.permalink}}">{{item.lang}}</a>
-        {%- else -%}
-        <a  class="lang-dropdown-item py-1" href="{{item.permalink}}">{{item.lang}}</a>
-        {%- endif -%}
-  {%- endfor -%}
-  </ul>
-</div>
-{%- endif -%}
+{% assign file = page.fileName %}
+{% assign lang = page.lang %}
+{% assign folder = page.folderName %}
+{% assign langData = site.data[folder][lang][file] %}
+{%- assign langsupport = page.langsupport -%}
+{%- assign variable = site.data.languagesupport[langsupport]-%}
+{%- if variable.langsupport -%}
+<div class="lang-dropdown">
+  <button class="btn btn-light dropdown-toggle lang-dropdown-btn" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-expanded="false">
+    {{langData.Language}}
+  </button>
+  <ul class="dropdown-menu drop-down-wrapper" aria-labelledby="dropdownMenu2">
+  {%- for item in variable.langsupport -%}
+        {%- if langData.Language == item.lang -%}
+        <a class="lang-dropdown-item py-1" style="background-color:rgba(149, 148, 151, 0.397);"  class=".lang-dropdown-item" href="{{item.permalink}}">{{item.lang}}</a>
+        {%- else -%}
+        <a  class="lang-dropdown-item py-1" href="{{item.permalink}}">{{item.lang}}</a>
+        {%- endif -%}
+  {%- endfor -%}
+  </ul>
+</div>
+{%- endif -%}

data/_includes/feature.html

@@ -0,0 +1,36 @@
+{% assign path = page.jsonFile %}
+{% assign jsonPath = site.data[path] %}
+{% assign dataToShow = jsonPath %}
+<div class="container-fluid">
+    <div class="row">
+        <div class="col-xl-3 col-lg-12">
+            <div class="row">
+                <div class="col-xl-3 p-0">
+                    <div class="feature">
+                        <img src="/assets/images/left_obj_01.png" alt="">
+                        <span class="site-no"> {{dataToShow.featureNo}}</span>
+                        <h5 class="title">{{dataToShow.feature_title}}</h5>
+                        <p class="description">{{dataToShow.feature_description}}</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-xl-9 col-lg-12">
+            <div class="row text-center">
+                {% for entry in dataToShow.featureList %}
+                <div class="col-lg-4 col-md-6 my-3">
+                    <div class="card-body h-100">
+                        <i loading="lazy" class="{{ entry.fa_class }} FA"></i>
+                        <h5 class="card-title">
+                            {{ entry.feature_heading }}
+                        </h5>
+                        <p class="card-text" style="color: #a7a7a7;
+                        font-size: 14px;">{{ entry.feature_text}}</p>
+                    </div>
+                </div>
+                {% endfor %}
+            </div>
+        </div>
+    </div>
+</div>
+<link rel="stylesheet" href="{{ 'css/feature.css' | relative_url }}">

data/_includes/fileformat/comparisonfiles.html

@@ -1,146 +1,146 @@
-{% assign file = page.fileName %}
-{% assign lang = page.lang %}
-{% assign folder = page.folderName %}
-{% assign accessData= site.data[folder][lang][file] %}
-{% assign compareFiles= accessData.compare_formats %}
- {%- for i in compareFiles  -%}
-     {%- if forloop.index ==1 -%}
-     {%- assign item = i | downcase -%}
-         {%- assign firstFile = site.data.files[accessData.filelang][item] -%}
-     {%- endif -%}
-     {%- if forloop.index ==2 -%}
-     {%- assign item = i | downcase -%}
-     {%- assign secondFile = site.data.files[accessData.filelang][item] -%}
-     {%- endif -%}
- {%- endfor -%}
-  {%- if firstFile and secondFile -%}
-  {%- if firstFile.Format or secondFile.Format -%}
-  <h1 class="feature-h1 text-left my-4" >Details of {{firstFile.Format}} and  {{secondFile.Format}} file format</h1>
-  {%- endif -%}
-  <table class="table table-bordered  ">
-    <tbody>
-     
-        {%- if firstFile.Format or secondFile.Format -%}
-        <tr>
-        <th scope="row">Format</th>
-        <td>{{firstFile.Format}}</td>
-        <td>{{secondFile.Format}}</td>
-        </tr>
-        {%- endif -%}
-          {%- if firstFile.ShortName or secondFile.ShortName -%}
-          <tr>
-          <th scope="row">Short Name</th>
-          <td>{{firstFile.ShortName}}</td>
-          <td>{{secondFile.ShortName}}</td>
-          </tr>
-          {%- endif -%}
-          
-          {%- if firstFile.FullName or secondFile.FullName -%}
-          <tr>
-          <th scope="row">Full Name</th>
-          <td>{{firstFile.FullName}}</td>
-          <td>{{secondFile.FullName}}</td>
-          </tr>
-          {%- endif -%}
-          {%- if firstFile.Category or secondFile.Category -%}
-          <tr>
-          <th scope="row">Category</th>
-          <td>{{firstFile.Category}}</td>
-          <td>{{secondFile.Category}}</td>
-          </tr>
-          {%- endif -%}
-          {%- if firstFile.Pros or secondFile.Pros -%}
-          <tr>
-          <th scope="row">Pros</th>
-          <td>{{firstFile.Pros}}</td>
-          <td>{{secondFile.Pros}}</td>
-          </tr>
-          {%- endif -%}
-          {%- if firstFile.Cons or secondFile.Cons -%}
-          <tr>
-          <th scope="row">Cons</th>
-          <td>{{firstFile.Cons}}</td>
-          <td>{{secondFile.Cons}}</td>
-          </tr>
-          {%- endif -%}
-          {%- if firstFile.Createdby or secondFile.Createdby -%}
-          <tr>
-          <th scope="row">Created by</th>
-          <td> <a class="software-name" href="{{firstFile.CreatedbyLink}}"> {{firstFile.Createdby}}</a></td>
-          <td> <a class="software-name" href="{{secondFile.CreatedbyLink}}"> {{secondFile.Createdby}}</a></td>
-          </tr>
-          {%- endif -%}
-          {%- if firstFile.CreatedInYear or secondFile.CreatedInYear -%}
-          <tr>
-          <th scope="row">Created in </th>
-          <td>{{firstFile.CreatedInYear}}</td>
-          <td>{{secondFile.CreatedInYear}}</td>
-          </tr>
-          {%- endif -%}
-          {%- if firstFile.BasicInformation or secondFile.BasicInformation -%}
-          <tr>
-          <th scope="row">Basic information</th>
-          <td>{{firstFile.BasicInformation}}</td>
-          <td>{{secondFile.BasicInformation}}</td>
-          </tr>
-          {%- endif -%}
-          {%- if firstFile.DetailedInformation or secondFile.DetailedInformation -%}
-          <tr>
-          <th scope="row">Detailed information</th>
-          <td>{{firstFile.DetailedInformation}}</td>
-          <td>{{secondFile.DetailedInformation}}</td>
-          </tr>
-          {%- endif -%}
-          {%- if firstFile.Softwaresused or secondFile.Softwaresused -%}
-          <tr>
-          <th scope="row">Platform Supported</th>
-          <td>
-            {%- for item in firstFile.Softwaresused -%}
-               <ul class="pl-0" >
-                   <li><b>{{item.platform}}</b> </li>
-                   <div class="pl-0 d-flex flex-wrap justify-content-between softwares-section flex-column " >
-                       {%- for data in item.softwares -%}
-                            <div class="d-flex mb-3" >
-                                {%- if data.image -%}
-                                <img src={{data.image}} alt="software" loading='lazy' >
-                                {%- endif -%}
-                                <div >
-                                    <a class="d-block software-name" href="{{data.link}}"><div>{{data.name}}</div></a>
-                                    <div class="software-value" >{{data.type}}</div>
-                                </div>
-                            </div>
-                         
-                       {%- endfor -%}
-                   </div>
-               </ul>
-            {%- endfor -%}
-          </td>
-          <td>
-            {%- for item in secondFile.Softwaresused -%}
-            <ul>
-                <li><b>{{item.platform}}</b> </li>
-                <div class="pl-0 d-flex flex-wrap justify-content-between softwares-section flex-column " >
-                    {%- for data in item.softwares -%}
-                         <div class="d-flex mb-3" >
-                             {%- if data.image -%}
-                             <img src={{data.image}} alt="software" loading='lazy' >
-                             {%- endif -%}
-                             <div >
-                                 <a class="d-block software-name" href="{{data.link}}"><div>{{data.name}}</div></a>
-                                 <div class="software-value" >{{data.type}}</div>
-                             </div>
-                         </div>
-                      
-                    {%- endfor -%}
-                </div>
-            </ul>
-         {%- endfor -%}
-          </td>
-          </tr>
-          {%- endif -%}
-   
-    </tbody>
-  </table>
-  {%- else -%}
-
+{% assign file = page.fileName %}
+{% assign lang = page.lang %}
+{% assign folder = page.folderName %}
+{% assign accessData= site.data[folder][lang][file] %}
+{% assign compareFiles= accessData.compare_formats %}
+ {%- for i in compareFiles  -%}
+     {%- if forloop.index ==1 -%}
+     {%- assign item = i | downcase -%}
+         {%- assign firstFile = site.data.files[accessData.filelang][item] -%}
+     {%- endif -%}
+     {%- if forloop.index ==2 -%}
+     {%- assign item = i | downcase -%}
+     {%- assign secondFile = site.data.files[accessData.filelang][item] -%}
+     {%- endif -%}
+ {%- endfor -%}
+  {%- if firstFile and secondFile -%}
+  {%- if firstFile.Format or secondFile.Format -%}
+  <h1 class="feature-h1 text-left my-4" >Details of {{firstFile.Format}} and  {{secondFile.Format}} file format</h1>
+  {%- endif -%}
+  <table class="table table-bordered  ">
+    <tbody>
+     
+        {%- if firstFile.Format or secondFile.Format -%}
+        <tr>
+        <th scope="row">Format</th>
+        <td>{{firstFile.Format}}</td>
+        <td>{{secondFile.Format}}</td>
+        </tr>
+        {%- endif -%}
+          {%- if firstFile.ShortName or secondFile.ShortName -%}
+          <tr>
+          <th scope="row">Short Name</th>
+          <td>{{firstFile.ShortName}}</td>
+          <td>{{secondFile.ShortName}}</td>
+          </tr>
+          {%- endif -%}
+          
+          {%- if firstFile.FullName or secondFile.FullName -%}
+          <tr>
+          <th scope="row">Full Name</th>
+          <td>{{firstFile.FullName}}</td>
+          <td>{{secondFile.FullName}}</td>
+          </tr>
+          {%- endif -%}
+          {%- if firstFile.Category or secondFile.Category -%}
+          <tr>
+          <th scope="row">Category</th>
+          <td>{{firstFile.Category}}</td>
+          <td>{{secondFile.Category}}</td>
+          </tr>
+          {%- endif -%}
+          {%- if firstFile.Pros or secondFile.Pros -%}
+          <tr>
+          <th scope="row">Pros</th>
+          <td>{{firstFile.Pros}}</td>
+          <td>{{secondFile.Pros}}</td>
+          </tr>
+          {%- endif -%}
+          {%- if firstFile.Cons or secondFile.Cons -%}
+          <tr>
+          <th scope="row">Cons</th>
+          <td>{{firstFile.Cons}}</td>
+          <td>{{secondFile.Cons}}</td>
+          </tr>
+          {%- endif -%}
+          {%- if firstFile.Createdby or secondFile.Createdby -%}
+          <tr>
+          <th scope="row">Created by</th>
+          <td> <a class="software-name" href="{{firstFile.CreatedbyLink}}"> {{firstFile.Createdby}}</a></td>
+          <td> <a class="software-name" href="{{secondFile.CreatedbyLink}}"> {{secondFile.Createdby}}</a></td>
+          </tr>
+          {%- endif -%}
+          {%- if firstFile.CreatedInYear or secondFile.CreatedInYear -%}
+          <tr>
+          <th scope="row">Created in </th>
+          <td>{{firstFile.CreatedInYear}}</td>
+          <td>{{secondFile.CreatedInYear}}</td>
+          </tr>
+          {%- endif -%}
+          {%- if firstFile.BasicInformation or secondFile.BasicInformation -%}
+          <tr>
+          <th scope="row">Basic information</th>
+          <td>{{firstFile.BasicInformation}}</td>
+          <td>{{secondFile.BasicInformation}}</td>
+          </tr>
+          {%- endif -%}
+          {%- if firstFile.DetailedInformation or secondFile.DetailedInformation -%}
+          <tr>
+          <th scope="row">Detailed information</th>
+          <td>{{firstFile.DetailedInformation}}</td>
+          <td>{{secondFile.DetailedInformation}}</td>
+          </tr>
+          {%- endif -%}
+          {%- if firstFile.Softwaresused or secondFile.Softwaresused -%}
+          <tr>
+          <th scope="row">Platform Supported</th>
+          <td>
+            {%- for item in firstFile.Softwaresused -%}
+               <ul class="pl-0" >
+                   <li><b>{{item.platform}}</b> </li>
+                   <div class="pl-0 d-flex flex-wrap justify-content-between softwares-section flex-column " >
+                       {%- for data in item.softwares -%}
+                            <div class="d-flex mb-3" >
+                                {%- if data.image -%}
+                                <img src={{data.image}} alt="software" loading='lazy' >
+                                {%- endif -%}
+                                <div >
+                                    <a class="d-block software-name" href="{{data.link}}"><div>{{data.name}}</div></a>
+                                    <div class="software-value" >{{data.type}}</div>
+                                </div>
+                            </div>
+                         
+                       {%- endfor -%}
+                   </div>
+               </ul>
+            {%- endfor -%}
+          </td>
+          <td>
+            {%- for item in secondFile.Softwaresused -%}
+            <ul>
+                <li><b>{{item.platform}}</b> </li>
+                <div class="pl-0 d-flex flex-wrap justify-content-between softwares-section flex-column " >
+                    {%- for data in item.softwares -%}
+                         <div class="d-flex mb-3" >
+                             {%- if data.image -%}
+                             <img src={{data.image}} alt="software" loading='lazy' >
+                             {%- endif -%}
+                             <div >
+                                 <a class="d-block software-name" href="{{data.link}}"><div>{{data.name}}</div></a>
+                                 <div class="software-value" >{{data.type}}</div>
+                             </div>
+                         </div>
+                      
+                    {%- endfor -%}
+                </div>
+            </ul>
+         {%- endfor -%}
+          </td>
+          </tr>
+          {%- endif -%}
+   
+    </tbody>
+  </table>
+  {%- else -%}
+
   {%- endif -%}