_layouts/home-1.html in appscms-tools-theme-2.3.6 vs _layouts/home-1.html in appscms-tools-theme-2.3.7
- old
+ new
@@ -1,17 +1,19 @@
{% assign file = page.fileName %}
{% assign lang = page.lang %}
{% assign folder = page.folderName %}
{% assign homeData= site.data[folder][lang][file] %}
+{%- assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
<!DOCTYPE html>
<html lang="{{page.lang}}">
{% include head/index.html %}
<body>
{% include header/index.html %}
- {%- if homeData.h1 or homeData.h2 -%}
+
+ {%- if homeData.H1 or homeData.H2 -%}
<div class="flex-container mb-1">
<div class="flex-class py-5">
<div class="d-flex justify-content-center align-items-center">
<span class="fHhdVc">
{%- if homeData.img -%}
@@ -19,36 +21,35 @@
<img style=width:{{homeData.imgwidth}};height:{{homeData.imgheight}}; src="{{homeData.img}}"
alt="{{homeData.imgalt}}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
</div>
{%- endif -%}
</span>
- <h1 class="home1-top-h1 font-weight-bolder">{%- for word in homeData.h1 -%}
+ <h1 class="home1-top-h1 font-weight-bolder">{%- for word in homeData.H1 -%}
{%- if forloop.first == true -%}
{{word | capitalize }}
{%- else -%}
{{word}}
{%- endif -%}
{%- endfor -%}</h1>
</div>
- <h2 class="home-top-h2">{%- for word in homeData.h2 -%}
+ <h2 class="home1-top-h2">{%- for word in homeData.H2 -%}
{%- if forloop.first == true -%}
{{word | capitalize }}
{%- else -%}
{{word}}
{%- endif -%}
{%- endfor -%}</h2>
</div>
</div>
{%- endif -%}
+
{%- if homeData.features -%}
- {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
<div class="container">
<div class="row">
- <div class="col-md-9 mx-auto">
- {%- endif -%}
+ <div class="col-md-12 mx-auto">
<div class="flex-container">
- <div class="flex-class">
+ <div class="flex-class p-0 m-0">
<ul class="home1-features">
{% for product in homeData.features %}
<li class="home1-features-box">
<div class="home1-inner-box">
<a class="home1-feature-name" href="{{product.url}}">
@@ -71,11 +72,10 @@
<p class="home1-feature-desc">{{product.description}}</p>
</div>
</li>
{% endfor %}
</ul>
-
<!-- another tools box design -->
<!-- <nav class="home1-tools-list">
<ul class="home1-tools-container">
{% for product in homeData.features %}
<li class="home1-tool-box">
@@ -93,89 +93,76 @@
{% endfor %}
</ul>
</nav> -->
</div>
</div>
- {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
</div>
</div>
</div>
{%- endif -%}
- {%- endif -%}
+
<div class="home-content-box" id="theme-content-box">
{{content}}
</div>
+
{%- if homeData.TEXTUAL_CONTENT -%}
- <div class="container mt-4 mb-4">
+ <div class="container mt-4 mb-5">
<div class="row px-0">
- {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
- <div class="col-md-9 mx-auto">
+ <div class="col-md-12 mx-auto">
<div class="row">
- {%- endif -%}
{% for data in homeData.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><img class=" feature-card-img" height="48px" width="48px" loading="lazy"
- src="{{data.logoUrl}}" alt={{data.header}} {%- if site.crossorigin -%} crossorigin {%-
- endif -%}>
- <div class="feature-card-title">{{data.header | replace: "$variable", page.value}}</div>
- <div class="feature-card-desc">{{data.content | replace: "$variable", page.value}}</div>
- </div>
+ <div class="col-md-4 my-4">
+ <img class="feature-card-img" src="{{data.logoUrl}}" loading="lazy" height="48px" width="48px"
+ alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
+ <div class="feature-card-title">{{data.header | replace: "$variable", page.value}}</div>
+ <div class="feature1-card-desc">{{data.content | replace: "$variable", page.value}}</div>
</div>
{% endfor %}
- {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
</div>
</div>
- {%- endif -%}
</div>
</div>
{%- endif -%}
{%- if homeData.HOW_TO_CONTENT -%}
<section class="how-to-section">
<div class="container">
<div class="row">
- {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
- <div class="col-md-9 mx-auto">
+ <div class="col-md-12 mx-auto">
<div class="row">
- {%- endif -%}
- <div class="col-md-6 order-0 ">
- {%- if homeData.HOW_TO_CONTENT.logoImageUrl -%}
- <div class="how-to-img-wrapper "><img class="how-to-leftimg" height="180px" width="300px"
- src="{{homeData.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
- alt="{{homeData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}" {%- if
- site.crossorigin -%} crossorigin {%- endif -%}>
- </div>
- {%- endif -%}
- </div>
- <div class="col-md-6 order-1">
- <div class="how-to-right">
- <h3 class="how-to-title text-left">{{homeData.HOW_TO_CONTENT.heading | replace:
+ <h4 class="feature1-how-to-heading w-100 text-center mb-5">
+ {{homeData.HOW_TO_CONTENT.mainHeading |
+ replace:
+ "$variable",
+ page.value}}</h4>
+
+ {%- for data in homeData.HOW_TO_CONTENT.steps -%}
+ <div class="col-md-4 d-flex justify-content-center order-{{forloop.index}}">
+ <div class="feature1-how-to-right">
+ <span class="feature1-howto-steps" style="color: {{boxColor}} ">Step
+ {{forloop.index}}</span>
+ <h3 class="feature1-how-to-title">{{data.heading | replace:
"$variable",
page.value}}</h3>
<ol class="how-to-list">
- {% for data in homeData.HOW_TO_CONTENT.steps %}
-
- <li id="step{{forloop.index}}" class="how-to-list-item">
- <span>{{forloop.index}}.</span>{{data |
+ <li id="step{{forloop.index}}" class="feature1-how-to-list-item">
+ {{data.desc |
replace: "$variable",
page.value}}
</li>
- {% endfor %}
+
</ol>
</div>
</div>
- {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+ {%- endfor -%}
</div>
</div>
- {%- endif -%}
</div>
-
</div>
</section>
{%- endif -%}
+
{%- assign showFaqs = true -%}
{%- for item in site.noFaqsList -%}
{%- if item == page.lang -%}
{%- assign showFaqs = false -%}
{%- break -%}
@@ -187,57 +174,33 @@
{%- if homeData.FAQ -%}
<section class="faq-section">
<div class="container">
<div class="row">
<div class="col-md-8 mx-auto">
- <div class="faq">
- {%- if homeData.FAQ.size>0 -%}
- <h3 class="feature-h1 text-center mb-4">{{homeData.faqheading | default: 'Frequently Asked
- Questions'}}
- </h3>
- {%- endif -%}
- <ul class="list-unstyled">
- {% for data in homeData.FAQ %}
- <li>
- <h3 class="faq-question" itemprop="name">{{data.question | replace: "$variable",
- page.value}}<em style="transform: rotate(-135deg);">
- <i></i></em>
- </h3>
- <div style="display: block;">
- <p class="faq-answer" itemprop="text">{{data.answer | replace: "$variable",
- page.value}}
- </p>
- </div>
- </li>
- <hr>
- {% endfor %}
- </ul>
- </div>
+ <main class="faqs">
+ <h3 class="feature-h1 text-left mb-4" style="font-weight:900">{{homeData.faqheading |
+ default: "FAQ's"}}</h3>
+ {% for data in homeData.FAQ %}
+ <details open>
+ <summary>{{data.question | replace: "$variable",page.value}}</summary>
+ <div class="faq__content">
+ <p class="faq_answer">{{data.answer | replace: "$variable",
+ page.value}}</p>
+ </div>
+ </details>
+ {% endfor %}
+ </main>
</div>
</div>
-
</div>
</section>
{%- endif -%}
{%- endif -%}
<!-- {%- include share/socialshare.html -%} -->
{%- include Rating/rating.html -%}
- {%- if homeData.USPS -%}
- {%- include /Usp/usp.html -%}
- {%- endif -%}
- {%- if homeData.display_formats -%}
- <div class="container file-detail-table ">
- {%- include fileformat/fileformatdetail.html -%}
- </div>
- {%- endif -%}
- {%- if homeData.compare_formats -%}
- <div class="container compare-table ">
- {%- include fileformat/comparisonfiles.html -%}
- </div>
- {%- endif -%}
<!-- {%- assign langen = "en" -%}
{%- if site.data[folder][langen][file].categories -%}
{% assign categories= site.data[folder][langen][file].categories %}
{%- else -%}
{% assign categories= page.categories %}
\ No newline at end of file