_layouts/home-1.html in appscms-tools-theme-4.7.7 vs _layouts/home-1.html in appscms-tools-theme-4.7.8

- old
+ new

@@ -1,187 +1,187 @@ -{% 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> - +{% 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> \ No newline at end of file