appscms-tools-theme 1.7.6 → 1.7.7

data/_includes/section/related_categories_post.html

@@ -1,160 +1,162 @@
-<div class="container">
-    <div class="relatedPosts">
-
-        <h2 class="pt-5 pb-0 related_post_heading">You might also like</h2>
-
-
-
-        {% assign maxRelated = 6 %}
-        {% assign minCommonTags = 1 %}
-        {% assign maxRelatedCounter = 0 %}
-
-        <div class="row">
-            {% for post in site.posts %}
-            {% assign sameTagCount = 0 %}
-            {% assign commonTags = '' %}
-
-
-            {%- if page.categories-%}
-            {% for category in post.categories %}
-            {% if post.url != page.url %}
-            {% if page.categories contains category %}
-            {% assign sameTagCount = sameTagCount | plus: 1 %}
-            {% endif %}
-            {% endif %}
-            {% endfor %}
-            {%- endif -%}
-
-            {%- if page.tags -%}
-            {% for tag in post.tags %}
-            {% if post.url != page.url %}
-            {% if page.tags contains tag %}
-            {% assign sameTagCount = sameTagCount | plus: 1 %}
-            {% endif %}
-            {%- endif -%}
-            {% endfor %}
-            {%- endif -%}
-
-
-            {% if sameTagCount >= minCommonTags %}
-            {%- include authors/authors.html-%}
-            <div class="col-lg-4 col-md-6 mb-4 card-group">
-                <div class="card h-100">
-                    <a href="{{ post.url }}">
-                        <img src="{{ post.image }}" loading="lazy" class="card-img-top" height="auto" width="100%"
-                            alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
-                    </a>
-                    <div class="card-body">
-                        <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
-                            <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
+<section class="related-posts-section">
+    <div class="container">
+        <div class="relatedPosts">
+
+            <h2 class="pt-5 pb-0 related_post_heading">You might also like</h2>
+
+
+
+            {% assign maxRelated = 6 %}
+            {% assign minCommonTags = 1 %}
+            {% assign maxRelatedCounter = 0 %}
+
+            <div class="row">
+                {% for post in site.posts %}
+                {% assign sameTagCount = 0 %}
+                {% assign commonTags = '' %}
+
+
+                {%- if page.categories-%}
+                {% for category in post.categories %}
+                {% if post.url != page.url %}
+                {% if page.categories contains category %}
+                {% assign sameTagCount = sameTagCount | plus: 1 %}
+                {% endif %}
+                {% endif %}
+                {% endfor %}
+                {%- endif -%}
+
+                {%- if page.tags -%}
+                {% for tag in post.tags %}
+                {% if post.url != page.url %}
+                {% if page.tags contains tag %}
+                {% assign sameTagCount = sameTagCount | plus: 1 %}
+                {% endif %}
+                {%- endif -%}
+                {% endfor %}
+                {%- endif -%}
+
+
+                {% if sameTagCount >= minCommonTags %}
+                {%- include authors/authors.html-%}
+                <div class="col-lg-4 col-md-6 mb-4 card-group">
+                    <div class="card h-100">
+                        <a href="{{ post.url }}">
+                            <img src="{{ post.image }}" loading="lazy" class="card-img-top" height="auto" width="100%"
+                                alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
                         </a>
-                    </div>
-                    <div class="card-footer bg-white">
-                        <div class="wrapfooter">
-                            {% if post.author %}
-                            <span class="meta-footer-thumb">
-                                <img class="author-thumb" loading="lazy" src="{{ image }}" alt="{{ authorName }}" {%- if
-                                    site.crossorigin -%} crossorigin {%- endif -%}>
-                            </span>
-                            {% endif %}
-
-                            <span class="author-meta">
-                                <span class="post-name">
-                                    <a target="_blank" href="/blog">{{authorName}}</a>
-                                </span><br>
-                                <span class="post-date">{{post.date | date_to_string }}</span>
-                            </span>
-                            <span class="post-read-more"><a class="text-dark" href="{{ post.url }}"
-                                    title="Read Story">Read
-                                    More</a></span>
+                        <div class="card-body">
+                            <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
+                                <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
+                            </a>
+                        </div>
+                        <div class="card-footer bg-white">
+                            <div class="wrapfooter">
+                                {% if post.author %}
+                                <span class="meta-footer-thumb">
+                                    <img class="author-thumb" loading="lazy" src="{{ image }}" alt="{{ authorName }}"
+                                        {%- if site.crossorigin -%} crossorigin {%- endif -%}>
+                                </span>
+                                {% endif %}
+
+                                <span class="author-meta">
+                                    <span class="post-name">
+                                        <a target="_blank" href="/blog">{{authorName}}</a>
+                                    </span><br>
+                                    <span class="post-date">{{post.date | date_to_string }}</span>
+                                </span>
+                                <span class="post-read-more"><a class="text-dark" href="{{ post.url }}"
+                                        title="Read Story">Read
+                                        More</a></span>
+                            </div>
                         </div>
                     </div>
                 </div>
-            </div>
-            {% assign maxRelatedCounter = maxRelatedCounter | plus: 1 %}
-            {% if maxRelatedCounter >= maxRelated %}
-            {% break %}
-            {% endif %}
-            {%- else -%}
-            {%- endif -%}
-            {% endfor %}
-            {%- assign remamingPosts = maxRelated | minus: maxRelatedCounter -%}
-
-
-
-
-            {%- if remamingPosts > 0 -%}
-            {% assign posts = site.posts | where_exp:"post","post.url != page.url" %}
-            {% for post in posts %}
-            {%- if remamingPosts > 0 -%}
-            {%- assign tagData = true -%}
-            {%- assign catData = true -%}
-            {%- if page.tags -%}
-            {% for tag in post.tags %}
-            {% if post.url != page.url %}
-            {% if page.tags contains tag %}
-            {%- assign tagData = false -%}
-            {%- break -%}
-            {% endif %}
-            {%- endif -%}
-            {% endfor %}
-            {%- endif -%}
-            {%- if page.categories-%}
-            {%- if tagData == false -%}
-            {%- continue -%}
-            {%- else -%}
-            {% for category in post.categories %}
-            {% if post.url != page.url %}
-            {% if page.categories contains category %}
-            {%- assign catData = false -%}
-            {%- break -%}
-            {% endif %}
-            {% endif %}
-            {% endfor %}
-            {%- endif -%}
-            {%- if catData == false -%}
-            {%- continue -%}
-            {%- endif -%}
-            {%- assign remamingPosts = remamingPosts | minus: 1 -%}
-            {%- include authors/authors.html-%}
-            <div class="col-lg-4 col-md-6 mb-4 card-group">
-                <div class="card h-100">
-                    <a href="{{ post.url }}">
-                        <img src="{{ post.image }}" class="card-img-top" height="215px" width="100%" loading="lazy"
-                            alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
-                    </a>
-                    <div class="card-body">
-                        <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
-                            <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
+                {% assign maxRelatedCounter = maxRelatedCounter | plus: 1 %}
+                {% if maxRelatedCounter >= maxRelated %}
+                {% break %}
+                {% endif %}
+                {%- else -%}
+                {%- endif -%}
+                {% endfor %}
+                {%- assign remamingPosts = maxRelated | minus: maxRelatedCounter -%}
+
+
+
+
+                {%- if remamingPosts > 0 -%}
+                {% assign posts = site.posts | where_exp:"post","post.url != page.url" %}
+                {% for post in posts %}
+                {%- if remamingPosts > 0 -%}
+                {%- assign tagData = true -%}
+                {%- assign catData = true -%}
+                {%- if page.tags -%}
+                {% for tag in post.tags %}
+                {% if post.url != page.url %}
+                {% if page.tags contains tag %}
+                {%- assign tagData = false -%}
+                {%- break -%}
+                {% endif %}
+                {%- endif -%}
+                {% endfor %}
+                {%- endif -%}
+                {%- if page.categories-%}
+                {%- if tagData == false -%}
+                {%- continue -%}
+                {%- else -%}
+                {% for category in post.categories %}
+                {% if post.url != page.url %}
+                {% if page.categories contains category %}
+                {%- assign catData = false -%}
+                {%- break -%}
+                {% endif %}
+                {% endif %}
+                {% endfor %}
+                {%- endif -%}
+                {%- if catData == false -%}
+                {%- continue -%}
+                {%- endif -%}
+                {%- assign remamingPosts = remamingPosts | minus: 1 -%}
+                {%- include authors/authors.html-%}
+                <div class="col-lg-4 col-md-6 mb-4 card-group">
+                    <div class="card h-100">
+                        <a href="{{ post.url }}">
+                            <img src="{{ post.image }}" class="card-img-top" height="215px" width="100%" loading="lazy"
+                                alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
                         </a>
-                    </div>
-                    <div class="card-footer bg-white">
-                        <div class="wrapfooter">
-                            {% if post.author %}
-                            <span class="meta-footer-thumb">
-                                <img class="author-thumb" loading="lazy" src="{{image}}" alt="{{ authorName }}" {%- if
-                                    site.crossorigin -%} crossorigin {%- endif -%}>
-                            </span>
-                            {% endif %}
-                            <span class="author-meta">
-                                <span class="post-name">
-                                    <a target="_blank" href="/blog">{{authorName}}</a>
-                                </span><br>
-                                <span class="post-date">{{post.date | date_to_string }}</span>
-                            </span>
-                            <span class="post-read-more"><a class="text-dark" href="{{ post.url }}"
-                                    title="Read Story">Read
-                                    More</a></span>
+                        <div class="card-body">
+                            <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
+                                <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
+                            </a>
+                        </div>
+                        <div class="card-footer bg-white">
+                            <div class="wrapfooter">
+                                {% if post.author %}
+                                <span class="meta-footer-thumb">
+                                    <img class="author-thumb" loading="lazy" src="{{image}}" alt="{{ authorName }}" {%-
+                                        if site.crossorigin -%} crossorigin {%- endif -%}>
+                                </span>
+                                {% endif %}
+                                <span class="author-meta">
+                                    <span class="post-name">
+                                        <a target="_blank" href="/blog">{{authorName}}</a>
+                                    </span><br>
+                                    <span class="post-date">{{post.date | date_to_string }}</span>
+                                </span>
+                                <span class="post-read-more"><a class="text-dark" href="{{ post.url }}"
+                                        title="Read Story">Read
+                                        More</a></span>
+                            </div>
                         </div>
                     </div>
                 </div>
-            </div>
-            {%- endif -%}
-            {%- endif -%}
+                {%- endif -%}
+                {%- endif -%}
 
-            {% endfor %}
-            {%- endif -%}
+                {% endfor %}
+                {%- endif -%}
 
+            </div>
         </div>
     </div>
-</div>
+</section>

data/_layouts/feature.html

@@ -11,7 +11,7 @@
 <body>
 	{% include header/index.html %}
 	{%- if site.safeui -%}
-	<div class="alert alert-{{featureData.variant | default: 'warning'}} alert-dismissible fade show text-center"
+	<div class="alert alert-{{featureData.variant | default: 'info'}} alert-dismissible fade show text-center"
 		role="alert">
 		<div class="container">
 			<img src="/assets/secure.svg" height="23px" width="18px" alt="secure" {%- if site.crossorigin -%}
@@ -69,7 +69,7 @@
 			</div>
 		</div>
 	</div>
-	<div class="container mt-4">
+	<div class="container mt-4 mb-5">
 		<div class="row px-0">
 			{% for data in featureData.TEXTUAL_CONTENT %}
 			<div class="col-lg-4 col-md-6 my-4">
@@ -82,10 +82,10 @@
 			{% 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">
+	<section class="how-to-section">
+		<div class="container">
+			<div class="row">
+				<div class="col-md-6 order-0 ">
 					{%- if featureData.HOW_TO_CONTENT.logoImageUrl -%}
 					<div class="how-to-img-wrapper "><img class="how-to-leftimg" height="180px" width="300px"
 							src="{{featureData.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
@@ -93,20 +93,27 @@
 							site.crossorigin -%} crossorigin {%- endif -%}>
 					</div>
 					{%- endif -%}
+				</div>
+				<div class="col-md-6 order-1">
 					<div class="how-to-right">
-						<h3 class="how-to-title">{{featureData.HOW_TO_CONTENT.heading | replace: "$variable",
+						<h3 class="how-to-title text-left">{{featureData.HOW_TO_CONTENT.heading | replace: "$variable",
 							page.value}}</h3>
 						<ol class="how-to-list">
 							{% for data in featureData.HOW_TO_CONTENT.steps %}
-							<li id="step{{forloop.index}}" class="how-to-list-item">{{data | replace: "$variable",
-								page.value}}</li>
+
+							<li id="step{{forloop.index}}" class="how-to-list-item">
+								<span>{{forloop.index}}.</span>{{data |
+								replace: "$variable",
+								page.value}}
+							</li>
 							{% endfor %}
 						</ol>
 					</div>
 				</div>
 			</div>
+
 		</div>
-	</div>
+	</section>
 	{%- assign showFaqs= true -%}
 	{%- for item in site.noFaqsList -%}
 	{%- if item == page.lang -%}
@@ -118,31 +125,34 @@
 	{%- endfor -%}
 	{%- if showFaqs == true -%}
 	{%- if featureData.FAQ.size>0 -%}
-	<div class="container">
-		<div class="row">
-			<div class="col-md-8 mx-auto">
-				<div class="faq">
-					<h2 class="feature-h1 text-center">{{featureData.faqheading | default: 'Frequently Asked
-						Questions'}}</h2>
-					<ul class="list-unstyled">
-						{% for data in featureData.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>
+	<section class="faq-section">
+		<div class="container">
+			<div class="row">
+				<div class="col-md-8 mx-auto">
+					<div class="faq">
+						<h2 class="feature-h1 text-center mb-4">{{featureData.faqheading | default: 'Frequently Asked
+							Questions'}}</h2>
+						<ul class="list-unstyled">
+							{% for data in featureData.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>
-	</div>
+	</section>
 	{%- endif -%}
 	{%- endif -%}
 	{%- include share/socialshare.html -%}

data/_layouts/home.html

@@ -9,7 +9,7 @@
 <body>
 	{% include header/index.html %}
 	{%- if homeData.nofileupload -%}
-	<div class="alert alert-{{homeData.variant | default: 'warning'}} alert-dismissible fade show text-center"
+	<div class="alert alert-{{homeData.variant | default: 'info'}} alert-dismissible fade show text-center"
 		role="alert">
 		<div class="container"> <img src="/assets/secure.svg" height="23px" width="18px" alt="secure" {%- if
 				site.crossorigin -%} crossorigin {%- endif -%}> &nbsp;
@@ -27,7 +27,7 @@
 	</div>
 	{%- endif -%}
 	{%- if homeData.h1 or homeData.h2 -%}
-	<div class="flex-container">
+	<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">
 					<div class="div-cont feature-img mr-2">
@@ -67,7 +67,7 @@
 		{{content}}
 	</div>
 	{%- if homeData.TEXTUAL_CONTENT -%}
-	<div class="container mt-4">
+	<div class="container mt-4 mb-4">
 		<div class="row px-0">
 			{% for data in homeData.TEXTUAL_CONTENT %}
 			<div class="col-lg-4 col-md-6 my-4">
@@ -81,33 +81,40 @@
 		</div>
 	</div>
 	{%- endif -%}
+
 	{%- if homeData.HOW_TO_CONTENT -%}
-	<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">
+	<section class="how-to-section">
+		<div class="container">
+			<div class="row">
+				<div class="col-md-6 order-0 ">
 					{%- if homeData.HOW_TO_CONTENT.logoImageUrl -%}
-					<div class="how-to-img-wrapper "><img class="how-to-leftimg" loading="lazy" height="215px"
-							width="100%" src="{{homeData.HOW_TO_CONTENT.logoImageUrl}}"
-							alt="{{homeData.HOW_TO_CONTENT.logoImageAlt}}" {%- if site.crossorigin -%} crossorigin {%-
-							endif -%}>
+					<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">{{homeData.HOW_TO_CONTENT.heading | replace: "$variable",
+						<h3 class="how-to-title text-left">{{homeData.HOW_TO_CONTENT.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">{{data | replace: "$variable",
-								page.value}}</li>
+
+							<li id="step{{forloop.index}}" class="how-to-list-item">
+								<span>{{forloop.index}}.</span>{{data |
+								replace: "$variable",
+								page.value}}
+							</li>
 							{% endfor %}
 						</ol>
 					</div>
 				</div>
 			</div>
-		</div>
-	</div>
 
+		</div>
+	</section>
 	{%- endif -%}
 	{%- assign showFaqs = true -%}
 	{%- for item in site.noFaqsList -%}
@@ -120,34 +127,38 @@
 	{%- endfor -%}
 	{%- if showFaqs == true -%}
 	{%- if homeData.FAQ -%}
-	<div class="container">
-		<div class="row">
-			<div class="col-md-8 mx-auto">
-				<div class="faq">
-					{%- if homeData.FAQ.size>0 -%}
-					<h2 class="feature-h1 text-center">{{homeData.faqheading | default: 'Frequently Asked Questions'}}
-					</h2>
-					{%- 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>
+	<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 -%}
+						<h2 class="feature-h1 text-center mb-4">{{homeData.faqheading | default: 'Frequently Asked
+							Questions'}}
+						</h2>
+						{%- 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>
 				</div>
 			</div>
-		</div>
 
-	</div>
+		</div>
+	</section>
 	{%- endif -%}
 	{%- endif -%}