{% 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 %}
{%- include appscms/navbars/toolbar.html -%}
{%- 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 -%}
<div class="div-cont feature-img mr-2">
<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 -%}
{%- if forloop.first == true -%}
{{word | capitalize }}
{%- else -%}
{{word}}
{%- endif -%}
{%- endfor -%}</h1>
</div>
<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 -%}
<div class="container">
<div class="row">
<div class="col-md-12 mx-auto">
<div class="flex-container">
<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}}">
<div class="home1-feature-text">{{product.name}}</div>
</a>
<div style=background:{{homeData.color}} class="home1-feature-img" height="30px"
width="30px">
<img style="padding:5px;" src="{{product.icon}}" height="32px" width="32px"
alt="home1-feature-icon" {%- if site.crossorigin -%} crossorigin {%- endif
-%}>
</div>
<div class="home1-right-arrow-icon">
<div style="width:24px;height:24px">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
fill="currentColor">
<path d="M9 7L10 6L16 12L10 18L9 17L14.17 12L9 7Z"></path>
</svg>
</div>
</div>
<p class="home1-feature-desc">{{product.description}}</p>
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
</div>
{%- endif -%}
<div class="home-content-box" id="theme-content-box">
{{content}}
</div>
{%- if homeData.TEXTUAL_CONTENT -%}
<div class="container mt-4 mb-5">
<div class="row px-0">
<div class="col-md-12 mx-auto">
<div class="row">
{% for data in homeData.TEXTUAL_CONTENT %}
<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 %}
</div>
</div>
</div>
</div>
{%- endif -%}
{%- if homeData.HOW_TO_CONTENT -%}
<section class="how-to-section">
<div class="container">
<div class="row">
<div class="col-md-12 mx-auto">
<div class="row">
<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">
<li id="step{{forloop.index}}" class="feature1-how-to-list-item">
{{data.desc |
replace: "$variable",
page.value}}
</li>
</ol>
</div>
</div>
{%- endfor -%}
</div>
</div>
</div>
</div>
</section>
{%- endif -%}
{%- assign showFaqs = true -%}
{%- for item in site.noFaqsList -%}
{%- if item == page.lang -%}
{%- assign showFaqs = false -%}
{%- break -%}
{%- else -%}
{%- assign showFaqs = true -%}
{%- endif -%}
{%- endfor -%}
{%- if showFaqs == true -%}
{%- if homeData.FAQ -%}
<section class="faq-section">
<div class="container">
<div class="row">
<div class="col-md-8 mx-auto">
<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 Rating/rating.html -%}
{% include footer/index.html %}
{% include script.html %}
</body>
</html>