appscms-tools-theme 0.5.6 → 0.6.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,27 @@
1
+ {% assign dataArr = site.data.[page.folderName][lang][file] %}
2
+ {% assign dataToShow = dataArr %}
3
+ {% assign description = dataToShow.META | replace:"$variable", page.value | default: site.description %}
4
+ {%- assign tool = page.tool -%}
5
+ {%- assign data = site.data.rating.rating.tools -%}
6
+ {%- for item in data -%}
7
+ {%- if item.name ==tool -%}
8
+ {%- assign name = item.name -%}
9
+ {%- assign rating = item.rating -%}
10
+ {%- assign votes = item.votes -%}
11
+ {%- endif -%}
12
+ {%- endfor -%}
13
+ <script type="application/ld+json">
14
+ {
15
+ "@context": "http://schema.org",
16
+ "@type": "Product",
17
+ "brand": "{{site.name}}",
18
+ "name": "{{name}}",
19
+ "description": "{{description}}",
20
+ "category": "Productivity",
21
+ "aggregateRating": {
22
+ "@type": "AggregateRating",
23
+ "ratingValue": "{{rating}}",
24
+ "ratingCount": "{{votes}}"
25
+ }
26
+ }
27
+ </script>
@@ -28,4 +28,6 @@
28
28
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css">
29
29
  <link rel="stylesheet" href="{{'/assets/css/blog.css' | relative_url }}">
30
30
  <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
31
+
32
+ {%- include google-analytics.html -%}
31
33
  </head>
@@ -0,0 +1,23 @@
1
+ {% if jekyll.environment == 'production' and site.production_google_analytics %}
2
+ {%- assign GA_ID = site.production_google_analytics -%}
3
+ <script async src="https://www.googletagmanager.com/gtag/js?id={{ GA_ID }}"></script>
4
+ <script>
5
+ window.dataLayer = window.dataLayer || [];
6
+ function gtag() { dataLayer.push(arguments); }
7
+ gtag('js', new Date());
8
+
9
+ gtag('config', '{{ GA_ID }}');
10
+ </script>
11
+ {% endif %}
12
+
13
+ {% if jekyll.environment == 'development' and site.development_google_analytics %}
14
+ {%- assign GA_ID = site.development_google_analytics -%}
15
+ <script async src="https://www.googletagmanager.com/gtag/js?id={{ GA_ID }}"></script>
16
+ <script>
17
+ window.dataLayer = window.dataLayer || [];
18
+ function gtag(){dataLayer.push(arguments);}
19
+ gtag('js', new Date());
20
+
21
+ gtag('config', '{{ GA_ID }}');
22
+ </script>
23
+ {% endif %}
@@ -1,57 +1,119 @@
1
1
  <head>
2
- {% assign file = page.fileName %}
3
- {% assign lang = page.lang %}
4
- {% assign dataArr = site.data.[page.folderName][lang][file] %}
5
- {% assign dataToShow = dataArr %}
6
- {% assign title = dataToShow.TITLE | replace:"$variable", page.value | default: site.title %}
7
- {% assign description = dataToShow.META | replace:"$variable", page.value | default: site.description %}
8
- {% assign keywords = dataToShow.keywords %}
9
- {% assign favicon = site.favicon %}
10
- {{site.weburl}}
11
- <meta charset="utf-8">
12
- <link rel="shortcut icon" href="{{favicon}}">
13
- <meta name="viewport" content="width=device-width">
14
- <title>{{title}}</title>
15
- {%- if dataToShow.keywords -%}
16
- <meta name="keywords" content="{{keywords}}" />
17
- {%- endif -%}
18
- <meta name="description" content="{{description}}">
19
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
20
- integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
21
- <link rel="canonical" href="{{site.url}}">
22
- <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet">
23
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" />
24
- <link rel="stylesheet" href="/assets/css/tools.css">
25
- <meta data-rh="true" property="og:image" content="{{site.url}}{{favicon}}">
26
- <meta property="og:title" content="{{title}}">
27
- <meta property="og:description" content="{{description}}">
28
- <meta property="og:type" content="website">
29
- <meta data-rh="true" property="og:url" content="{{site.url | append: page.url}}">
30
- <meta data-rh="true" property="og:site_name" content="{{site.name}}">
31
- <meta data-rh="true" property="twitter:domain" content="{{site.url}}">
32
- <meta data-rh="true" property="twitter:url" content="{{site.url | append: page.url}}">
33
- <meta data-rh="true" name="twitter:title" content="{{title}}">
34
- <meta data-rh="true" name="twitter:description" content="{{description}}">
35
- <meta data-rh="true" name="twitter:image:src" content="{{site.url}}{{favicon}}">
36
- {% include cssfile/links.html %}
37
- <script type="application/ld+json">
38
- {"@context": "https://schema.org","@graph": [
39
- {%- if dataToShow.StructuredDataFaq -%}
40
- {{dataToShow.StructuredDataFaq | replace: "=>",":" | append: ',' }}
2
+ {% assign file = page.fileName %}
3
+ {% assign lang = page.lang %}
4
+ {% assign dataArr = site.data.[page.folderName][lang][file] %}
5
+ {% assign dataToShow = dataArr %}
6
+ {% assign title = dataToShow.TITLE | replace:"$variable", page.value | default: site.title %}
7
+ {% assign description = dataToShow.META | replace:"$variable", page.value | default: site.description %}
8
+ {% assign keywords = dataToShow.keywords %}
9
+ {% assign favicon = site.favicon %}
10
+ {{site.weburl}}
11
+ <meta charset="utf-8">
12
+ <link rel="shortcut icon" href="{{favicon}}">
13
+ <meta name="viewport" content="width=device-width">
14
+ <title>{{title}}</title>
15
+ {%- if dataToShow.keywords -%}
16
+ <meta name="keywords" content="{{keywords}}" />
41
17
  {%- endif -%}
42
- {%- if dataToShow.StructuredDataHowTo -%}
43
- {{dataToShow.StructuredDataHowTo | replace: "=>",":" | append: ',' }}
44
- {%- endif -%}
45
- {%- if dataToShow.StructuredDataBreadcrumb | replace: "=>",":" -%}
46
- {{dataToShow.StructuredDataBreadcrumb | replace: "=>",":" | append: ',' }}
18
+ <meta name="description" content="{{description}}">
19
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
20
+ integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
21
+ <link rel="canonical" href="{{site.url}}">
22
+ <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet">
23
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" />
24
+ <link rel="stylesheet" href="/assets/css/tools.css">
25
+ <meta data-rh="true" property="og:image" content="{{site.url}}{{favicon}}">
26
+ <meta property="og:title" content="{{title}}">
27
+ <meta property="og:description" content="{{description}}">
28
+ <meta property="og:type" content="website">
29
+ <meta data-rh="true" property="og:url" content="{{site.url | append: page.url}}">
30
+ <meta data-rh="true" property="og:site_name" content="{{site.name}}">
31
+ <meta data-rh="true" property="twitter:domain" content="{{site.url}}">
32
+ <meta data-rh="true" property="twitter:url" content="{{site.url | append: page.url}}">
33
+ <meta data-rh="true" name="twitter:title" content="{{title}}">
34
+ <meta data-rh="true" name="twitter:description" content="{{description}}">
35
+ <meta data-rh="true" name="twitter:image:src" content="{{site.url}}{{favicon}}">
36
+ {% include cssfile/links.html %}
37
+ <script type="application/ld+json">
38
+ {
39
+ "@context": "http://schema.org",
40
+ "@type": "Organization",
41
+ "url": "{{site.siteurl}}",
42
+ "logo": "{{site.siteurl}}{{site.logo}}"
43
+ }
44
+ </script>
45
+ <script type="application/ld+json">
46
+ {
47
+ "@context": "http://schema.org",
48
+ "@type": "WebSite",
49
+ "name": "{{site.name}}",
50
+ "alternateName": "{{site.alternateName}}",
51
+ "url": "{{site.siteurl}}"}
52
+ </script>
53
+ {%- if dataToShow.HOW_TO_CONTENT -%}
54
+
55
+ <script type="application/ld+json">
56
+ {
57
+ "@context": "http://schema.org",
58
+ "@type": "HowTo",
59
+ "name": "{{dataToShow.HOW_TO_CONTENT.heading}}",
60
+ "image": "{{site.siteurl}}{{dataToShow.HOW_TO_CONTENT.logoImageUrl}}",
61
+ "step": [
62
+ {%- for item in dataToShow.HOW_TO_CONTENT.steps-%}
63
+ {%- if forloop.last == true -%}
64
+ { "@type": "HowToStep",
65
+ "text": "{{item}}",
66
+ "image": "{{site.siteurl}}{{dataToShow.HOW_TO_CONTENT.logoImageUrl}}",
67
+ "url": "{{site.siteurl}}#step{{ forloop.index }}"
68
+ }
69
+ {%- else -%}
70
+ { "@type": "HowToStep",
71
+ "text": "{{item}}",
72
+ "image": "{{site.siteurl}}{{dataToShow.HOW_TO_CONTENT.logoImageUrl}}",
73
+ "url": "{{site.siteurl}}#step{{ forloop.index}}"
74
+ },
75
+ {%- endif -%}
76
+ {%- endfor -%}
77
+ ]
78
+ }
79
+ </script>
47
80
  {%- endif -%}
48
- {%- if dataToShow.StructuredDataorganization -%}
49
- {{dataToShow.StructuredDataorganization | replace: "=>",":" | append: ',' }}
81
+
82
+ {%- if dataToShow.FAQ -%}
83
+
84
+ <script type="application/ld+json">
85
+ {
86
+ "@context": "http://schema.org",
87
+ "@type": "FAQPage",
88
+ "mainEntity": [
89
+ {%- for item in dataToShow.FAQ-%}
90
+ {%- if forloop.last == true -%}
91
+ {"@type": "Question",
92
+ "name": "{{item.question}}",
93
+ "acceptedAnswer": {
94
+ "@type": "Answer",
95
+ "text": "{{item.answer}}"
96
+ }
97
+ }
98
+ {%- else -%}
99
+ {"@type": "Question",
100
+ "name": "{{item.question}}",
101
+ "acceptedAnswer": {
102
+ "@type": "Answer",
103
+ "text": "{{item.answer}}"
104
+ }
105
+ },
106
+ {%- endif -%}
107
+ {%- endfor -%}
108
+ ]
109
+ }
110
+ </script>
50
111
  {%- endif -%}
51
- {%- if dataToShow.StructuredDataWebsite -%}
52
- {{dataToShow.StructuredDataWebsite | replace: "=>",":" }}
112
+
113
+ {%- if page.tool -%}
114
+ {%- include Rating/structureddata.html -%}
53
115
  {%- endif -%}
54
- ]
55
- }
56
- </script>
57
- </head>
116
+ <!-- GA -->
117
+ {%- include google-analytics.html -%}
118
+ </head>
119
+
@@ -0,0 +1,43 @@
1
+ <div class="container">
2
+ <div class="relatedPosts">
3
+
4
+ <h1 class="related_post_heading">Recent Posts</h1>
5
+ <div class="row">
6
+ {% for recent in site.posts offset:1 limit:3 %}
7
+ {% if recent.url != page.url %}
8
+ <div class="col-lg-4 col-md-6 mb-4 card-group">
9
+ <div class="card h-100">
10
+ <a href="{{ recent.url }}">
11
+ <img src="{{ recent.image }}" class="card-img-top" alt="">
12
+ </a>
13
+ <div class="card-body">
14
+ <a class="text-decoration-none text-dark" href="{{ recent.url }}" class="anchor_link">
15
+ <h4 class="card-title mb-4 text-left">{{ recent.title }}</h4>
16
+ </a>
17
+ </div>
18
+ {% assign author = site.data.blog.authors[recent.author] %}
19
+ <div class="card-footer bg-white">
20
+ <div class="wrapfooter">
21
+ {% if recent.author %}
22
+ <span class="meta-footer-thumb">
23
+ <img class="author-thumb" src="{{ author.image }}" alt="{{ author.name }}">
24
+ </span>
25
+ {% endif %}
26
+
27
+ <span class="author-meta">
28
+ <span class="recent-name">
29
+ <a target="_blank" href="/blog">{{recent.author}}</a>
30
+ </span><br>
31
+ <span class="post-date">{{recent.date | date_to_string }}</span>
32
+ </span>
33
+ <span class="post-read-more"><a class="text-dark" href="{{ recent.url }}"
34
+ title="Read Story">Read More</a></span>
35
+ </div>
36
+ </div>
37
+ </div>
38
+ </div>
39
+ {% endif %}
40
+ {% endfor %}
41
+ </div>
42
+ </div>
43
+ </div>
@@ -0,0 +1,73 @@
1
+ <div class="container">
2
+ <div class="relatedPosts">
3
+
4
+ {%- if page.categories or page.tags-%}
5
+ <h2 class="pt-5 pb-0 related_post_heading">You might also like</h2>
6
+ {%- endif -%}
7
+
8
+ {% assign maxRelated = 3 %}
9
+ {% assign minCommonTags = 1 %}
10
+ {% assign maxRelatedCounter = 0 %}
11
+
12
+ <div class="row">
13
+ {% for post in site.posts %}
14
+ {% assign sameTagCount = 0 %}
15
+ {% assign commonTags = '' %}
16
+
17
+ {% for category in post.categories %}
18
+ {% if post.url != page.url %}
19
+ {% if page.categories contains category %}
20
+ {% assign sameTagCount = sameTagCount | plus: 1 %}
21
+
22
+
23
+ {% capture tagmarkup %} <span class="label label-default">{{ category }}</span> {% endcapture %}
24
+ {% assign commonTags = commonTags | append: tagmarkup %}
25
+ {% endif %}
26
+ {% endif %}
27
+ {% endfor %}
28
+
29
+
30
+ {% if sameTagCount >= minCommonTags %}
31
+ <div class="col-lg-4 col-md-6 mb-4 card-group">
32
+ <div class="card h-100">
33
+ <a href="{{ post.url }}">
34
+ <img src="{{ post.image }}" class="card-img-top" alt="">
35
+ </a>
36
+ <div class="card-body">
37
+ <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
38
+ <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
39
+ </a>
40
+ </div>
41
+ {% assign author = site.data.blog.authors[post.author] %}
42
+ <div class="card-footer bg-white">
43
+ <div class="wrapfooter">
44
+ {% if post.author %}
45
+ <span class="meta-footer-thumb">
46
+ <img class="author-thumb" src="{{ author.image }}" alt="{{ author.name }}">
47
+ </span>
48
+ {% endif %}
49
+
50
+ <span class="author-meta">
51
+ <span class="post-name">
52
+ <a target="_blank" href="/blog">{{post.author}}</a>
53
+ </span><br>
54
+ <span class="post-date">{{post.date | date_to_string }}</span>
55
+ </span>
56
+ <span class="post-read-more"><a class="text-dark" href="{{ post.url }}"
57
+ title="Read Story">Read More</a></span>
58
+ </div>
59
+ </div>
60
+ </div>
61
+ </div>
62
+ {% assign maxRelatedCounter = maxRelatedCounter | plus: 1 %}
63
+ {% if maxRelatedCounter >= maxRelated %}
64
+ {% break %}
65
+ {% endif %}
66
+ {% endif %}
67
+ {% endfor %}
68
+ {%- if page.tags -%}
69
+ {%- include section/related_tag_post.html -%}
70
+ {%- endif -%}
71
+ </div>
72
+ </div>
73
+ </div>
@@ -0,0 +1,60 @@
1
+ {% assign maxRelated = 1 %}
2
+ {% assign minCommonTags = 1 %}
3
+ {% assign maxRelatedCounter = 0 %}
4
+
5
+
6
+ {% for post in site.posts %}
7
+ {% assign sameTagCount = 0 %}
8
+ {% assign commonTags = '' %}
9
+
10
+ {% for tag in post.tags %}
11
+ {% if post.url != page.url %}
12
+ {% if page.tags contains tag %}
13
+ {% assign sameTagCount = sameTagCount | plus: 1 %}
14
+
15
+ {% capture tagmarkup %} <span class="label label-default">{{ tag }}</span> {% endcapture %}
16
+ {% assign commonTags = commonTags | append: tagmarkup %}
17
+
18
+ {% endif %}
19
+ {%- endif -%}
20
+ {% endfor %}
21
+
22
+
23
+ {% if sameTagCount >= minCommonTags %}
24
+ <div class="col-lg-4 col-md-6 mb-4 card-group">
25
+ <div class="card h-100">
26
+ <a href="{{ post.url }}">
27
+ <img src="{{ post.image }}" class="card-img-top" alt="">
28
+ </a>
29
+ <div class="card-body">
30
+ <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
31
+ <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
32
+ </a>
33
+ </div>
34
+ {% assign author = site.data.blog.authors[post.author] %}
35
+ <div class="card-footer bg-white">
36
+ <div class="wrapfooter">
37
+ {% if post.author %}
38
+ <span class="meta-footer-thumb">
39
+ <img class="author-thumb" src="{{ author.image }}" alt="{{ author.name }}">
40
+ </span>
41
+ {% endif %}
42
+
43
+ <span class="author-meta">
44
+ <span class="post-name">
45
+ <a target="_blank" href="/blog">{{post.author}}</a>
46
+ </span><br>
47
+ <span class="post-date">{{post.date | date_to_string }}</span>
48
+ </span>
49
+ <span class="post-read-more"><a class="text-dark" href="{{ post.url }}" title="Read Story">Read
50
+ More</a></span>
51
+ </div>
52
+ </div>
53
+ </div>
54
+ </div>
55
+ {% assign maxRelatedCounter = maxRelatedCounter | plus: 1 %}
56
+ {% if maxRelatedCounter >= maxRelated %}
57
+ {% break %}
58
+ {% endif %}
59
+ {% endif %}
60
+ {% endfor %}
@@ -6,7 +6,8 @@ layout: blog
6
6
  <div class="row listrecent">
7
7
  {% for category in site.categories %}
8
8
  <div class="section-title col-md-12 mt-4">
9
- <h2 id="{{ category[0] | replace: ' ', '-' }}">Category <span class="text-capitalize">{{ category[0]
9
+ <h2 id="{{ category[0] | replace: ' ', '-' }}">Category
10
+ <span class="text-capitalize">{{ category[0]
10
11
  }}</span>
11
12
  </h2>
12
13
  </div>
@@ -5,80 +5,83 @@
5
5
  <!DOCTYPE html>
6
6
  <html lang="{{featureData.htmlLangAtt}}">
7
7
  {% include head/index.html %}
8
+
8
9
  <body>
9
10
  {% include header/index.html %}
10
11
  {%- include dropdown/langdropdown.html -%}
11
12
  <div class="flex-container">
12
13
  <div class="flex-class py-4 mt-4 mt-md-0 ">
13
- <div class="d-flex justify-content-center align-items-center"><span class="fHhdVc">
14
- <div class="div-cont feature-img mr-2">
15
- {%- if featureData.img -%}
16
- <img style=width:{{featureData.imgwidth}};height:{{featureData.imgheight}}; src="{{featureData.img}}" alt="{{featureData.imgalt}}">
17
- {%- else -%}
18
- <svg xmlns="http://www.w3.org/2000/svg"
19
- xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 36 36" fill="#000">
20
- <path
21
- 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">
22
- </path>
23
- </svg>
24
- {%- endif -%} </div>
25
- </span>
26
- <h1 class="feature-h1">{{featureData.H1 | replace: "$variable", page.value}}</h1>
27
- </div>
28
- <h2 class="feature-h2">{{featureData.H2 | replace: "$variable", page.value}}</h2>
14
+ <div class="d-flex justify-content-center align-items-center"><span class="fHhdVc">
15
+ <div class="div-cont feature-img mr-2">
16
+ {%- if featureData.img -%}
17
+ <img style=width:{{featureData.imgwidth}};height:{{featureData.imgheight}};
18
+ src="{{featureData.img}}" alt="{{featureData.imgalt}}">
19
+ {%- else -%}
20
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
21
+ viewBox="0 0 36 36" fill="#000">
22
+ <path
23
+ 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">
24
+ </path>
25
+ </svg>
26
+ {%- endif -%}
27
+ </div>
28
+ </span>
29
+ <h1 class="feature-h1">{{featureData.H1 | replace: "$variable", page.value}}</h1>
29
30
  </div>
31
+ <h2 class="feature-h2">{{featureData.H2 | replace: "$variable", page.value}}</h2>
32
+ </div>
30
33
  </div>
31
34
  <div class="box-padding">
32
- <div class="d-flex" id="__cond-922051">
33
- <div class="flex-container">
34
- <div class="flex-class">
35
- <div class="d-flex flex-column">
36
- <div class="box"
37
- style=background:{{featureData.color}};min-height:{{featureData.height}};width:{{featureData.width}}>
38
- <div class="box-border"></div>
39
- <div class="content-box">
40
- {{content}}
41
- </div>
35
+ <div class="d-flex" id="__cond-922051">
36
+ <div class="flex-container">
37
+ <div class="flex-class">
38
+ <div class="d-flex flex-column">
39
+ <div class="box"
40
+ style=background:{{featureData.color}};min-height:{{featureData.height}};width:{{featureData.width}}>
41
+ <div class="box-border"></div>
42
+ <div class="content-box">
43
+ {{content}}
42
44
  </div>
43
45
  </div>
44
46
  </div>
45
47
  </div>
46
48
  </div>
49
+ </div>
47
50
  </div>
48
51
  <div class="container mt-4">
49
52
  <div class="row px-0">
50
53
  {% for data in featureData.TEXTUAL_CONTENT %}
51
54
  <div class="col-lg-4 col-md-6 my-4">
52
- <div><img class="feature-card-img" src="{{data.logoUrl}}"
53
- alt={{data.header}}>
54
- <div class="feature-card-title">{{data.header | replace: "$variable", page.value}}</div>
55
- <div class="feature-card-desc">{{data.content | replace: "$variable", page.value}}</div>
56
- </div>
55
+ <div><img class="feature-card-img" src="{{data.logoUrl}}" alt={{data.header}}>
56
+ <div class="feature-card-title">{{data.header | replace: "$variable", page.value}}</div>
57
+ <div class="feature-card-desc">{{data.content | replace: "$variable", page.value}}</div>
57
58
  </div>
58
- {% endfor %}
59
59
  </div>
60
+ {% endfor %}
60
61
  </div>
62
+ </div>
61
63
  <div class="d-flex justify-content-center mt-5 mb-5" id="__cond-1011327">
62
- <div class="flex-container pb-5">
63
- <div class="flex-class">
64
- <div class=" d-flex flex-wrap justify-content-center">
65
- {%- if featureData.HOW_TO_CONTENT.logoImageUrl -%}
66
- <div class="how-to-img-wrapper "><img class="how-to-leftimg"
67
- src="{{featureData.HOW_TO_CONTENT.logoImageUrl}}" alt="{{featureData.HOW_TO_CONTENT.logoImageAlt}}">
64
+ <div class="flex-container pb-5">
65
+ <div class="flex-class">
66
+ <div class=" d-flex flex-wrap justify-content-center">
67
+ {%- if featureData.HOW_TO_CONTENT.logoImageUrl -%}
68
+ <div class="how-to-img-wrapper "><img class="how-to-leftimg"
69
+ src="{{featureData.HOW_TO_CONTENT.logoImageUrl}}"
70
+ alt="{{featureData.HOW_TO_CONTENT.logoImageAlt}}">
68
71
  </div>
69
- {%- endif -%}
70
- <div class="how-to-right">
71
- <h3 class="how-to-title">{{featureData.HOW_TO_CONTENT.heading | replace: "$variable",
72
- page.value}}</h3>
73
- <ol class="how-to-list">
74
- {% for data in featureData.HOW_TO_CONTENT.steps %}
75
- <li class="how-to-list-item">{{data | replace: "$variable", page.value}}</li>
76
- {% endfor %}
77
- </ol>
78
- </div>
72
+ {%- endif -%}
73
+ <div class="how-to-right">
74
+ <h3 class="how-to-title">{{featureData.HOW_TO_CONTENT.heading | replace: "$variable",
75
+ page.value}}</h3>
76
+ <ol class="how-to-list">
77
+ {% for data in featureData.HOW_TO_CONTENT.steps %}
78
+ <li class="how-to-list-item">{{data | replace: "$variable", page.value}}</li>
79
+ {% endfor %}
80
+ </ol>
79
81
  </div>
80
82
  </div>
81
83
  </div>
84
+ </div>
82
85
  </div>
83
86
  <div class="container">
84
87
  <div class="row">
@@ -88,23 +91,29 @@
88
91
  <ul class="list-unstyled">
89
92
  {% for data in featureData.FAQ %}
90
93
  <li>
91
- <h3 class="faq-question" itemprop="name">{{data.question | replace: "$variable", page.value}}<em
92
- style="transform: rotate(-135deg);">
94
+ <h3 class="faq-question" itemprop="name">{{data.question | replace: "$variable",
95
+ page.value}}<em style="transform: rotate(-135deg);">
93
96
  <i></i></em>
94
97
  </h3>
95
98
  <div style="display: block;">
96
- <p class="faq-answer" itemprop="text">{{data.answer | replace: "$variable", page.value}}</p>
99
+ <p class="faq-answer" itemprop="text">{{data.answer | replace: "$variable", page.value}}
100
+ </p>
97
101
  </div>
98
102
  </li>
99
103
  <hr>
100
104
  {% endfor %}
101
105
  </ul>
102
- </div>
106
+ </div>
103
107
  </div>
104
108
  </div>
105
-
106
- </div>
109
+ </div>
107
110
  {%- include share/socialshare.html -%}
111
+ {%- include Rating/rating.html -%}
112
+ {%- if page.categories or page.tags-%}
113
+ {%- include section/related_categories_post.html -%}
114
+ {%- else -%}
115
+ {%- include section/recent_posts.html -%}
116
+ {% endif %}
108
117
  {% include footer/index.html %}
109
118
  {% include script.html %}
110
119
  </body>