_layouts/feature.html in appscms-tools-theme-0.4.4 vs _layouts/feature.html in appscms-tools-theme-0.4.5
- old
+ new
@@ -1,143 +1,120 @@
-<!DOCTYPE html>
-<html lang="en" data-tool="landing">
-{% include head/index.html %}
-
-<body>
- {% include header/index.html %}
- {% assign file = page.fileName %}
- {% assign lang = page.lang %}
- {% assign dataArr = site.data.feature[lang][file] %}
- {% assign dataToShow = dataArr %}
-
-
-
- <!-- h1 and h2 -->
- <div class="sc-1ttxsn1-0 fxCLCz">
- <div class="sc-1ttxsn1-1 hvHwmD">
- <div class="sc-17y9jfw-1 lpeKGy">
- <div class="sc-17y9jfw-5 qNym"><span class="sc-17y9jfw-4 fHhdVc">
- <div class="sc-2xfn8l-0 bxyVaO sc-1nz7oec-0 dTTiwf"><svg xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 36 36" fill="#000">
- <path
- d="M6,6 L9,18 L6,30 L18,27 L30,30 L27,18 L30,6 L18,9 L6,6 Z M3,3 L18,6.75 L33,3 L29.25,18 L33,33 L18,29.25 L3,33 L6.75,18 L3,3 Z">
- </path>
- </svg></div>
- </span>
- <h1 class="sc-17y9jfw-2 lpnhkH">{{dataToShow.H1 | replace: "$variable", page.value}}</h1>
- </div>
- <h2 class="sc-17y9jfw-3 lpvDOQ">{{dataToShow.H2 | replace: "$variable", page.value}}</h2>
- </div>
- </div>
- </div>
- <!-- h1 and h2 End -->
-
- <!-- Uploader Start -->
- <div class="jjl7r-0 eKVaAu">
- <div>
- <div style="display:flex" id="__cond-922051">
- <div class="sc-1ttxsn1-0 fxCLCz">
- <div class="sc-1ttxsn1-1 hvHwmD">
- <div class="sc-1rkezdt-0 cweQTx">
- <div class="sc-1rkezdt-1 buUasx"
- style=background:{{dataToShow.color}};min-height:{{dataToShow.height}}>
- <div class="sc-1rkezdt-2 cwvKbP"></div>
- <div class="sc-1rkezdt-3 hzsTQm">
- <!-- <input type="file" id="__picker-input" multiple="" accept="application/pdf,.pdf,application/vnd.openxmlformats-officedocument.wordprocessingml.document,.docx,application/msword,.doc,application/vnd.openxmlformats-officedocument.presentationml.presentation,.pptx,application/vnd.ms-powerpoint,.ppt,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,.xlsx,application/vnd.ms-excel,.xls,image/bmp,.bmp,image/jpeg,.jpg,.jpeg,image/png,.png,image/tiff,.tif,.tiff" class="sc-1oqtgb8-0 fqzcVW"> -->
- {{content}}
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div style="display:none" id="__cond-922054">
- <div class="sc-57oun8-0 ehOBKS">
- <div class="sc-1ttxsn1-0 fxCLCz">
- <div class="sc-1ttxsn1-1 hvHwmD">
- <div class="sc-57oun8-1 ehWYpb">
- <div class="sc-57oun8-2 eifuTk">
- <div class="sc-57oun8-3 einRxt">
- <div class="sc-6qtu3c-0 kERDPe"></div>
- </div>
- <div class="sc-57oun8-4 eiwobC">
- <div class="sc-57oun8-5 eiEKFL">Getting your file ready...</div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- Uploader End -->
-
- <!-- Feature/Texual content start -->
- <div class="sc-1ttxsn1-0 fxCLCz">
- <div class="sc-1ttxsn1-1 hvHwmD">
- <div class="tie4x1-0 esoOLU">
- {% for data in dataToShow.TEXTUAL_CONTENT %}
- <div class="sc-7ukfwr-0 kmltsK"><img class="sc-7ukfwr-1 kmtPWT" src="{{data.logoUrl}}"
- alt={{data.header}}>
- <div class="sc-7ukfwr-2 kmCmBc">{{data.header | replace: "$variable", page.value}}</div>
- <div class="sc-7ukfwr-3 kmKJfl">{{data.content | replace: "$variable", page.value}}</div>
- </div>
- {% endfor %}
- </div>
- </div>
- </div>
- <!-- Feature/Texual content End -->
- <!-- How to section start -->
- <div style="display:flex" id="__cond-1011327">
- <div class="sc-1xhbmbb-0 gBHowc">
- <div class="sc-1ttxsn1-0 fxCLCz">
- <div class="sc-1ttxsn1-1 hvHwmD">
- <div class="sc-1xhbmbb-1 gBPLal">
- <div class="sc-1xhbmbb-3 gCgEiD"><img class="sc-1xhbmbb-4 gCpaMM"
- src="{{dataToShow.HOW_TO_CONTENT.logoImageUrl}}" alt="How to reduce a PDF size online:">
- </div>
- <div class="sc-1xhbmbb-5 gCxxqV">
- <h3 class="sc-1xhbmbb-2 gBYhEu">{{dataToShow.HOW_TO_CONTENT.heading | replace: "$variable",
- page.value}}</h3>
- <ol class="sc-1xhbmbb-6 gCFTVe">
- {% for data in dataToShow.HOW_TO_CONTENT.steps %}
- <li class="sc-1xhbmbb-7 gCOqzn">{{data | replace: "$variable", page.value}}</li>
- {% endfor %}
- </ol>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- How to section End -->
- <!-- FAQ section start -->
- <div class="faq">
- <div class="faq-container">
- <h2 class="lpnhkH">Frequently Asked Questions</h2>
- <ul class="faq-list">
- {% for data in dataToShow.FAQ %}
- <li>
- <h3 class="kmCmBc-q" itemprop="name">{{data.question | replace: "$variable", page.value}}<em
- style="transform: rotate(-135deg);">
- <i></i></em>
- </h3>
- <div style="display: block;">
- <p class="kmKJfl-p" itemprop="text">{{data.answer | replace: "$variable", page.value}}</p>
- </div>
- </li>
- <hr>
- {% endfor %}
- </ul>
- </div>
- </div>
- <!-- FAQ section End -->
- <!-- Footer -->
-
- {% include footer/index.html %}
- {% include script.html %}
-
- <!-- Footer End -->
-</body>
-
+<!DOCTYPE html>
+<html lang="en">
+{% include head/index.html %}
+<body>
+ {% include header/index.html %}
+ {% assign file = page.fileName %}
+ {% assign lang = page.lang %}
+ {% assign folder = page.folderName %}
+ {% assign dataArr = site.data[folder][lang][file] %}
+ {% assign dataToShow = dataArr %}
+ {{page.title}}
+ <div class="flex-container py-1">
+ <div class="flex-class py-5 my-1">
+ <div class="d-flex justify-content-center align-items-center"><span class="fHhdVc">
+ <div class="div-cont feature-img"><svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 36 36" fill="#000">
+ <path
+ d="M6,6 L9,18 L6,30 L18,27 L30,30 L27,18 L30,6 L18,9 L6,6 Z M3,3 L18,6.75 L33,3 L29.25,18 L33,33 L18,29.25 L3,33 L6.75,18 L3,3 Z">
+ </path>
+ </svg></div>
+ </span>
+ <h1 class="feature-h1">{{dataToShow.H1 | replace: "$variable", page.value}}</h1>
+ </div>
+ <h2 class="feature-h2">{{dataToShow.H2 | replace: "$variable", page.value}}</h2>
+ </div>
+ </div>
+ <div class="box-padding">
+ <div class="d-flex" id="__cond-922051">
+ <div class="flex-container">
+ <div class="flex-class">
+ <div class="d-flex flex-column">
+ <div class="box"
+ style=background:{{dataToShow.bacgroundcolor}};min-height:{{dataToShow.height}};width:{{dataToShow.width}}>
+ <div class="box-border"></div>
+ <div class="content-box">
+ <!-- <input type="file" id="__picker-input" multiple="" accept="application/pdf,.pdf,application/vnd.openxmlformats-officedocument.wordprocessingml.document,.docx,application/msword,.doc,application/vnd.openxmlformats-officedocument.presentationml.presentation,.pptx,application/vnd.ms-powerpoint,.ppt,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,.xlsx,application/vnd.ms-excel,.xls,image/bmp,.bmp,image/jpeg,.jpg,.jpeg,image/png,.png,image/tiff,.tif,.tiff" class="sc-1oqtgb8-0 fqzcVW"> -->
+ {{content}}
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- </div> -->
+ </div>
+ <!-- Uploader End -->
+
+ <!-- Feature/Texual content start -->
+ <div class="container mt-4">
+ <div class="row px-0">
+ {% for data in dataToShow.TEXTUAL_CONTENT %}
+ <div class="col-lg-4 col-md-6 my-4">
+ <div><img class="feature-card-img" src="{{data.logoUrl}}"
+ alt={{data.header}}>
+ <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>
+ {% endfor %}
+ </div>
+ </div>
+ <div class="d-flex justify-content-center mt-5 mb-5" id="__cond-1011327">
+ <div class="flex-container pb-5">
+ <div class="flex-class">
+ <div class=" d-flex flex-wrap justify-content-center">
+ <div class="how-to-img-wrapper "><img class="how-to-leftimg"
+ src="{{dataToShow.HOW_TO_CONTENT.logoImageUrl}}" alt="{{dataToShow.HOW_TO_CONTENT.logoImageAlt}}">
+ </div>
+ <div class="how-to-right">
+ <h3 class="how-to-title">{{dataToShow.HOW_TO_CONTENT.heading | replace: "$variable",
+ page.value}}</h3>
+ <ol class="how-to-list">
+ {% for data in dataToShow.HOW_TO_CONTENT.steps %}
+ <li class="how-to-list-item">{{data | replace: "$variable", page.value}}</li>
+ {% endfor %}
+ </ol>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- </div> -->
+ <!-- How to section End -->
+ <!-- FAQ section start -->
+ <div class="container">
+ <div class="row">
+ <div class="col-md-8 mx-auto">
+ <div class="faq">
+ <h2 class="feature-h1 text-center">Frequently Asked Questions</h2>
+ <ul class="list-unstyled">
+ {% for data in dataToShow.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>
+ </div>
+ </div>
+
+</div>
+ <!-- FAQ section End -->
+ <!-- Footer -->
+ {%- include share/socialshare.html -%}
+ {% include footer/index.html %}
+ {% include script.html %}
+
+ <!-- Footer End -->
+</body>
+
</html>
\ No newline at end of file