featurehighlight.html in appscms-tools-theme-3.8.6

- old
+ new
@@ -1,56 +1,56 @@
-
-<div class="container mx-auto appscms-feature-description col-9 p-3 pb-3 mt-5">
+<div class="container mt-5">
+  <div class="px-4">
     <div class="row feature-description-boxes">
-
       {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
       <div class="col-md-9 mx-auto">
         <div class="row">
-          {%- endif -%}
-
-
-      {% assign totalHeaderCount = 0 %} {% for data in
-        pageData.TEXTUAL_CONTENT %} {% assign words = data.header |
-        split: " " %} {% assign word_count = words | size %} {% assign
-        totalHeaderCount = totalHeaderCount | plus: word_count %} {% endfor
-        %} 
-        {% for data in pageData.TEXTUAL_CONTENT %}
-        <div class="{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%} col-md-6 my-4 {%- else -%} col-md-4 my-4 {%- endif -%}" >
-        <div class="card h-100 border-0 bg-transparent">
-          <img  src="{{data.logoUrl}}"  loading="lazy"    class="card-img-top float-left mr-3 appscms-feature-image"  alt="{{data.header}}"
-          {%-
-          if
-          site.crossorigin
-          -%}
-          crossorigin
-          {%-
-          endif
-          -%} style="object-fit: cover;">
-          <div class="card-body p-0">
-
-            {%- if totalHeaderCount > site.count_of_words_in_headings -%}
-            <h2 class="card-title appscms-feature-title">
-              {{data.header | replace: "$variable", page.value}}
-            </h2>
-            {%- else -%}
-            <div class="card-title appscms-feature-title">
-              {{data.header | replace: "$variable", page.value}}
+          {%- endif -%} {% assign totalHeaderCount = 0 %} {% for data in
+          pageData.TEXTUAL_CONTENT %} {% assign words = data.header | split: " "
+          %} {% assign word_count = words | size %} {% assign totalHeaderCount =
+          totalHeaderCount | plus: word_count %} {% endfor %} {% for data in
+          pageData.TEXTUAL_CONTENT %}
+          <div
+            class="{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%} col-md-6 my-4 {%- else -%} col-md-4 my-4 {%- endif -%}"
+          >
+            <div class="card h-100 border-0 bg-transparent">
+              <img
+                src="{{data.logoUrl}}"
+                loading="lazy"
+                class="card-img-top float-left mr-3 appscms-feature-image"
+                alt="{{data.header}}"
+                {%-
+                if
+                site.crossorigin
+                -%}
+                crossorigin
+                {%-
+                endif
+                -%}
+                style="object-fit: cover"
+              />
+              <div class="card-body p-0">
+                {%- if totalHeaderCount > site.count_of_words_in_headings -%}
+                <h2 class="card-title appscms-feature-title">
+                  {{data.header | replace: "$variable", page.value}}
+                </h2>
+                {%- else -%}
+                <div class="card-title appscms-feature-title">
+                  {{data.header | replace: "$variable", page.value}}
+                </div>
+                {%- endif -%}
+                <div class="feature-card-desc">
+                  <p class="card-text m-0 appscms-feature-description">
+                    {{data.content | replace: "$variable", page.value}}
+                  </p>
+                </div>
+              </div>
             </div>
-            {%- endif -%}
-            <div class="feature-card-desc">
-              <p class="card-text m-0 appscms-feature-description">{{data.content | replace: "$variable", page.value}}</p>
-            </div>
           </div>
+          {% endfor %} {%- if site.monumetricId and page.url != '/' and
+          page.lang == 'en' -%}
         </div>
       </div>
-      {% endfor %}
-      {%- if site.monumetricId and page.url != '/' and
-      page.lang == 'en' -%}
+      {%- endif -%}
     </div>
   </div>
-  {%- endif -%}
-          
-      
-    </div>
 </div>
-
-