appscms-tools-theme 4.6.1 → 4.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. checksums.yaml +4 -4
  2. data/_data/about/en/about.json +16 -16
  3. data/_data/blog/nav.json +14 -14
  4. data/_data/blog/relatedblogs.json +2816 -1
  5. data/_data/feature/en/batch-conversion.json +192 -192
  6. data/_data/feature/en/compress-pdf.json +305 -305
  7. data/_data/feature/en/devtools.json +321 -321
  8. data/_data/feature/en/face-detection.json +156 -156
  9. data/_data/feature/en/split-pdf.json +221 -221
  10. data/_data/feature/en/theframe.json +160 -160
  11. data/_data/footer/en/data.json +2 -2
  12. data/_data/header/en/data.json +412 -412
  13. data/_data/home/en/en.json +324 -324
  14. data/_data/home/en/posters.json +322 -322
  15. data/_includes/appscms/customblog/contenttool-recent-posts.html +94 -94
  16. data/_includes/appscms/customblog/pageRelatedPosts.html +68 -62
  17. data/_includes/appscms/customblog/recentposts.html +67 -67
  18. data/_includes/appscms/customblog/relatedBlogs.html +82 -82
  19. data/_includes/appscms/customblog/relatedposts.html +193 -193
  20. data/_includes/appscms/extras/appscms-postbox.html +57 -57
  21. data/_includes/appscms/featurePageAuthors/featurePageAuthors.html +85 -85
  22. data/_includes/appscms/head/bloghead.html +128 -128
  23. data/_includes/appscms/headings/contenttool-headings.html +33 -33
  24. data/_includes/appscms/headings/devtool-headings.html +38 -38
  25. data/_includes/appscms/home/contenttool-feature-boxes.html +19 -19
  26. data/_includes/appscms/home/devtool-feature-boxes.html +70 -70
  27. data/_includes/appscms/infographics/infographics.html +166 -166
  28. data/_includes/appscms/loaders/loader.html +4 -4
  29. data/_includes/appscms/navbars/devtool-navbar.html +50 -50
  30. data/_includes/appscms/navbars/devtool-toolbar.html +100 -100
  31. data/_includes/appscms/recent-posts/recent_posts.html +90 -90
  32. data/_includes/appscms/recent-posts/related_categories_post.html +194 -194
  33. data/_includes/appscms/searchbar/devtool-searchbar.html +63 -63
  34. data/_includes/appscms/usp/usp.html +90 -90
  35. data/_includes/author_bio.html +41 -41
  36. data/_includes/authorpagehead/index.html +47 -47
  37. data/_includes/authors/authors.html +39 -39
  38. data/_includes/batch-conversion.html +141 -141
  39. data/_includes/bookmark.html +6 -6
  40. data/_includes/cssfile/links.html +54 -54
  41. data/_includes/custom-head.html +138 -138
  42. data/_includes/customCode.html +1 -1
  43. data/_includes/customScripts.html +1 -1
  44. data/_includes/customblog/pageRelatedPosts.html +87 -87
  45. data/_includes/customblog/recentposts.html +67 -67
  46. data/_includes/customblog/relatedBlogs.html +86 -86
  47. data/_includes/customblog/relatedposts.html +201 -201
  48. data/_includes/dropdown/langdropdown.html +32 -32
  49. data/_includes/feature.html +39 -39
  50. data/_includes/featurePageAuthors/featurePageAuthors.html +101 -101
  51. data/_includes/footer/index.html +537 -537
  52. data/_includes/google-analytics.html +32 -32
  53. data/_includes/head/index.html +623 -623
  54. data/_includes/header/blogHeader.html +34 -34
  55. data/_includes/header/index.html +192 -192
  56. data/_includes/infographics/infographics.html +241 -241
  57. data/_includes/paginationBlogPage.html +70 -70
  58. data/_includes/postbox.html +65 -65
  59. data/_includes/script.html +493 -493
  60. data/_includes/section/count.html +32 -32
  61. data/_includes/section/recent_posts.html +94 -94
  62. data/_includes/section/related_categories_post.html +196 -196
  63. data/_includes/share/socialshare.html +21 -21
  64. data/_includes/userTracking.html +14 -14
  65. data/_layouts/aboutUs.html +175 -175
  66. data/_layouts/allAuthors.html +131 -131
  67. data/_layouts/appscms-about.html +163 -163
  68. data/_layouts/appscms-audio.html +33 -33
  69. data/_layouts/appscms-author.html +436 -436
  70. data/_layouts/appscms-authors.html +145 -145
  71. data/_layouts/appscms-batch.html +141 -141
  72. data/_layouts/appscms-calculator.html +93 -93
  73. data/_layouts/appscms-categories.html +26 -26
  74. data/_layouts/appscms-contact.html +132 -132
  75. data/_layouts/appscms-disclaimer.html +124 -124
  76. data/_layouts/appscms-download.html +289 -289
  77. data/_layouts/appscms-feature-result.html +96 -96
  78. data/_layouts/appscms-help.html +25 -25
  79. data/_layouts/appscms-imagekit.html +96 -96
  80. data/_layouts/appscms-post.html +243 -243
  81. data/_layouts/appscms-privacy-policy.html +781 -781
  82. data/_layouts/appscms-terms-and-conditions.html +646 -646
  83. data/_layouts/appscms-video.html +33 -33
  84. data/_layouts/audio.html +33 -33
  85. data/_layouts/author.html +409 -409
  86. data/_layouts/batch.html +177 -177
  87. data/_layouts/blog-1.html +116 -116
  88. data/_layouts/blog.html +131 -131
  89. data/_layouts/calculator.html +99 -99
  90. data/_layouts/contenttool-feature.html +45 -45
  91. data/_layouts/contenttool-home.html +53 -53
  92. data/_layouts/devtool-blog.html +132 -132
  93. data/_layouts/devtool-feature.html +54 -54
  94. data/_layouts/devtool-home.html +53 -53
  95. data/_layouts/devtools.html +57 -57
  96. data/_layouts/feature-1.html +406 -406
  97. data/_layouts/feature.html +351 -351
  98. data/_layouts/featureResultPage.html +82 -82
  99. data/_layouts/frame.html +222 -222
  100. data/_layouts/home.html +281 -281
  101. data/_layouts/homeResultPage.html +32 -32
  102. data/_layouts/imagekit.html +308 -308
  103. data/_layouts/photo-effects-home.html +190 -190
  104. data/_layouts/post.html +233 -233
  105. data/assets/app.js +75 -75
  106. data/assets/css/appscms-blog.css +505 -505
  107. data/assets/css/appscms-contenttool.css +1384 -1384
  108. data/assets/css/appscms-home.css +5 -5
  109. data/assets/css/appscms-imagekit.css +855 -855
  110. data/assets/css/appscms-variables.css +19 -19
  111. data/assets/css/blog.css +510 -510
  112. data/assets/css/calculators.css +46 -46
  113. data/assets/css/devtool-main.css +1350 -1350
  114. data/assets/css/devtools.css +105 -105
  115. data/assets/css/feature-1.css +293 -293
  116. data/assets/css/imagekit copy.css +848 -848
  117. data/assets/css/imagekit.css +848 -848
  118. data/assets/css/tools.css +1847 -1847
  119. data/assets/images/close-button.svg +31 -31
  120. data/assets/images/digipaint.svg +6 -6
  121. data/assets/images/logo.svg +2 -2
  122. data/assets/images/manthink.svg +3552 -3552
  123. data/assets/images/search-icon.svg +2 -2
  124. data/assets/js/batch.js +219 -219
  125. data/assets/js/devtools.js +81 -81
  126. data/assets/js/sharePage.js +65 -65
  127. data/assets/js/usageTracking.js +143 -143
  128. data/assets/js/usageTrackingEvents.js +6 -6
  129. data/assets/js/webvitals.js +4 -4
  130. metadata +3 -3
@@ -1,195 +1,195 @@
1
- <section class="related-posts-section">
2
- <div class="container">
3
- <div class="relatedPosts">
4
- {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
5
-
6
- <div class="row">
7
- <div class="col-md-9 mx-auto">
8
- {%- endif -%}
9
- <p class="pt-5 pb-0 related_post_heading mb-3">You might also like</p>
10
- {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
11
-
12
- </div>
13
- </div>
14
- {%- endif -%}
15
-
16
-
17
- {% assign maxRelated = 6 %}
18
- {% assign minCommonTags = 1 %}
19
- {% assign maxRelatedCounter = 0 %}
20
- {% assign file = page.fileName %}
21
- {% assign lang = "en" %}
22
- {% assign folder = page.folderName %}
23
- {%- if site.data[folder][lang][file].categories -%}
24
- {% assign categories= site.data[folder][lang][file].categories %}
25
- {%- else -%}
26
- {% assign categories= page.categories %}
27
- {%- endif -%}
28
- {%- if site.data[folder][lang][file].tags -%}
29
- {% assign tags= site.data[folder][lang][file].tags %}
30
- {%- else -%}
31
- {% assign tags= page.tags %}
32
- {%- endif -%}
33
- <div class="row allblogs shadow appscms-blogs">
34
- {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
35
-
36
-
37
- <div class="col-md-9 mx-auto">
38
- <div class="row">
39
- {%- endif -%}
40
- {% for post in site.posts %}
41
- {% assign sameTagCount = 0 %}
42
- {% assign commonTags = '' %}
43
-
44
-
45
- {%- if categories -%}
46
- {% for category in post.categories %}
47
- {% if post.url != page.url %}
48
- {% if categories contains category %}
49
- {% assign sameTagCount = sameTagCount | plus: 1 %}
50
- {% endif %}
51
- {% endif %}
52
- {% endfor %}
53
- {%- endif -%}
54
-
55
- {%- if tags -%}
56
- {% for tag in post.tags %}
57
- {% if post.url != page.url %}
58
- {% if tags contains tag %}
59
- {% assign sameTagCount = sameTagCount | plus: 1 %}
60
- {% endif %}
61
- {%- endif -%}
62
- {% endfor %}
63
- {%- endif -%}
64
-
65
-
66
- {% if sameTagCount >= minCommonTags %}
67
- {%- include authors/authors.html-%}
68
- <div class="
69
- {%- if site.monumetricId and page.url != '/' and page.lang == " en" -%} col-md-6 mb-4
70
- card-group {%- else -%} col-lg-4 col-md-6 mb-4 card-group {%- endif -%} ">
71
- <div class=" card h-100">
72
- <a href="{{ post.url }}" aria-label="{{post.title}}">
73
- <img src="{{ post.image }}" loading="lazy" class="card-img-top" height="auto"
74
- width="100%" alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%- endif
75
- -%}>
76
- </a>
77
- <div class="card-body">
78
- <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link" aria-label="{{post.title}}">
79
- <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
80
- </a>
81
- </div>
82
-
83
- <div class="wrapfooter">
84
- {% if post.author %}
85
- <span class="meta-footer-thumb">
86
- <img class="author-thumb" loading="lazy" src="{{ image }}"
87
- alt="{{ authorName }}" {%- if site.crossorigin -%} crossorigin {%- endif
88
- -%}>
89
- </span>
90
- {% endif %}
91
-
92
- <span class="author-meta">
93
-
94
- <a target="_blank" href="/blog/">{{authorName}}</a>
95
- <br>
96
- <span class="post-date">{{post.date | date_to_string }}</span>
97
- </span>
98
-
99
- </div>
100
- </div>
101
- </div>
102
- {% assign maxRelatedCounter = maxRelatedCounter | plus: 1 %}
103
- {% if maxRelatedCounter >= maxRelated %}
104
- {% break %}
105
- {% endif %}
106
- {%- else -%}
107
- {%- endif -%}
108
- {% endfor %}
109
- {%- assign remamingPosts = maxRelated | minus: maxRelatedCounter -%}
110
-
111
-
112
-
113
-
114
- {%- if remamingPosts > 0 -%}
115
- {% assign posts = site.posts | where_exp:"post","post.url != page.url" %}
116
- {% for post in posts %}
117
- {%- if remamingPosts > 0 -%}
118
- {%- assign tagData = true -%}
119
- {%- assign catData = true -%}
120
- {%- if tags -%}
121
- {% for tag in post.tags %}
122
- {% if post.url != page.url %}
123
- {% if tags contains tag %}
124
- {%- assign tagData = false -%}
125
- {%- break -%}
126
- {% endif %}
127
- {%- endif -%}
128
- {% endfor %}
129
- {%- endif -%}
130
- {%- if categories -%}
131
- {%- if tagData == false -%}
132
- {%- continue -%}
133
- {%- else -%}
134
- {% for category in post.categories %}
135
- {% if post.url != page.url %}
136
- {% if categories contains category %}
137
- {%- assign catData = false -%}
138
- {%- break -%}
139
- {% endif %}
140
- {% endif %}
141
- {% endfor %}
142
- {%- endif -%}
143
- {%- if catData == false -%}
144
- {%- continue -%}
145
- {%- endif -%}
146
- {%- assign remamingPosts = remamingPosts | minus: 1 -%}
147
- {%- include authors/authors.html-%}
148
- <div class="
149
- {%- if site.monumetricId and page.url != '/' and page.lang == " en" -%} col-md-6 mb-4
150
- card-group {%- else -%} col-lg-4 col-md-6 mb-4 card-group {%- endif -%} ">
151
- <div class=" card h-100">
152
- <a href="{{ post.url }}">
153
- <img src="{{ post.image }}" class="card-img-top" height="215px" width="100%" loading="lazy"
154
- alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
155
- </a>
156
- <div class="card-body">
157
- <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
158
- <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
159
- </a>
160
- <div class="wrapfooter">
161
- {% if post.author %}
162
- <span class="meta-footer-thumb">
163
- <img class="author-thumb" loading="lazy" src="{{image}}" alt="{{ authorName }}" {%-
164
- if site.crossorigin -%} crossorigin {%- endif -%}>
165
- </span>
166
- {% endif %}
167
- <span class="author-meta">
168
- <span class="post-name">
169
- <a target="_blank" href="/blog/">{{authorName}}</a>
170
- </span><br>
171
- <span class="post-date">{{post.date | date_to_string }}</span>
172
- </span>
173
-
174
- </div>
175
- </div>
176
-
177
-
178
-
179
- </div>
180
- </div>
181
- {%- endif -%}
182
- {%- endif -%}
183
-
184
- {% endfor %}
185
- {%- endif -%}
186
-
187
- {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
188
-
189
- </div>
190
- </div>
191
- {%- endif -%}
192
- </div>
193
- </div>
194
- </div>
1
+ <section class="related-posts-section">
2
+ <div class="container">
3
+ <div class="relatedPosts">
4
+ {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
5
+
6
+ <div class="row">
7
+ <div class="col-md-9 mx-auto">
8
+ {%- endif -%}
9
+ <p class="pt-5 pb-0 related_post_heading mb-3">You might also like</p>
10
+ {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
11
+
12
+ </div>
13
+ </div>
14
+ {%- endif -%}
15
+
16
+
17
+ {% assign maxRelated = 6 %}
18
+ {% assign minCommonTags = 1 %}
19
+ {% assign maxRelatedCounter = 0 %}
20
+ {% assign file = page.fileName %}
21
+ {% assign lang = "en" %}
22
+ {% assign folder = page.folderName %}
23
+ {%- if site.data[folder][lang][file].categories -%}
24
+ {% assign categories= site.data[folder][lang][file].categories %}
25
+ {%- else -%}
26
+ {% assign categories= page.categories %}
27
+ {%- endif -%}
28
+ {%- if site.data[folder][lang][file].tags -%}
29
+ {% assign tags= site.data[folder][lang][file].tags %}
30
+ {%- else -%}
31
+ {% assign tags= page.tags %}
32
+ {%- endif -%}
33
+ <div class="row allblogs shadow appscms-blogs">
34
+ {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
35
+
36
+
37
+ <div class="col-md-9 mx-auto">
38
+ <div class="row">
39
+ {%- endif -%}
40
+ {% for post in site.posts %}
41
+ {% assign sameTagCount = 0 %}
42
+ {% assign commonTags = '' %}
43
+
44
+
45
+ {%- if categories -%}
46
+ {% for category in post.categories %}
47
+ {% if post.url != page.url %}
48
+ {% if categories contains category %}
49
+ {% assign sameTagCount = sameTagCount | plus: 1 %}
50
+ {% endif %}
51
+ {% endif %}
52
+ {% endfor %}
53
+ {%- endif -%}
54
+
55
+ {%- if tags -%}
56
+ {% for tag in post.tags %}
57
+ {% if post.url != page.url %}
58
+ {% if tags contains tag %}
59
+ {% assign sameTagCount = sameTagCount | plus: 1 %}
60
+ {% endif %}
61
+ {%- endif -%}
62
+ {% endfor %}
63
+ {%- endif -%}
64
+
65
+
66
+ {% if sameTagCount >= minCommonTags %}
67
+ {%- include authors/authors.html-%}
68
+ <div class="
69
+ {%- if site.monumetricId and page.url != '/' and page.lang == " en" -%} col-md-6 mb-4
70
+ card-group {%- else -%} col-lg-4 col-md-6 mb-4 card-group {%- endif -%} ">
71
+ <div class=" card h-100">
72
+ <a href="{{ post.url }}" aria-label="{{post.title}}">
73
+ <img src="{{ post.image }}" loading="lazy" class="card-img-top" height="auto"
74
+ width="100%" alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%- endif
75
+ -%}>
76
+ </a>
77
+ <div class="card-body">
78
+ <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link" aria-label="{{post.title}}">
79
+ <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
80
+ </a>
81
+ </div>
82
+
83
+ <div class="wrapfooter">
84
+ {% if post.author %}
85
+ <span class="meta-footer-thumb">
86
+ <img class="author-thumb" loading="lazy" src="{{ image }}"
87
+ alt="{{ authorName }}" {%- if site.crossorigin -%} crossorigin {%- endif
88
+ -%}>
89
+ </span>
90
+ {% endif %}
91
+
92
+ <span class="author-meta">
93
+
94
+ <a target="_blank" href="/blog/">{{authorName}}</a>
95
+ <br>
96
+ <span class="post-date">{{post.date | date_to_string }}</span>
97
+ </span>
98
+
99
+ </div>
100
+ </div>
101
+ </div>
102
+ {% assign maxRelatedCounter = maxRelatedCounter | plus: 1 %}
103
+ {% if maxRelatedCounter >= maxRelated %}
104
+ {% break %}
105
+ {% endif %}
106
+ {%- else -%}
107
+ {%- endif -%}
108
+ {% endfor %}
109
+ {%- assign remamingPosts = maxRelated | minus: maxRelatedCounter -%}
110
+
111
+
112
+
113
+
114
+ {%- if remamingPosts > 0 -%}
115
+ {% assign posts = site.posts | where_exp:"post","post.url != page.url" %}
116
+ {% for post in posts %}
117
+ {%- if remamingPosts > 0 -%}
118
+ {%- assign tagData = true -%}
119
+ {%- assign catData = true -%}
120
+ {%- if tags -%}
121
+ {% for tag in post.tags %}
122
+ {% if post.url != page.url %}
123
+ {% if tags contains tag %}
124
+ {%- assign tagData = false -%}
125
+ {%- break -%}
126
+ {% endif %}
127
+ {%- endif -%}
128
+ {% endfor %}
129
+ {%- endif -%}
130
+ {%- if categories -%}
131
+ {%- if tagData == false -%}
132
+ {%- continue -%}
133
+ {%- else -%}
134
+ {% for category in post.categories %}
135
+ {% if post.url != page.url %}
136
+ {% if categories contains category %}
137
+ {%- assign catData = false -%}
138
+ {%- break -%}
139
+ {% endif %}
140
+ {% endif %}
141
+ {% endfor %}
142
+ {%- endif -%}
143
+ {%- if catData == false -%}
144
+ {%- continue -%}
145
+ {%- endif -%}
146
+ {%- assign remamingPosts = remamingPosts | minus: 1 -%}
147
+ {%- include authors/authors.html-%}
148
+ <div class="
149
+ {%- if site.monumetricId and page.url != '/' and page.lang == " en" -%} col-md-6 mb-4
150
+ card-group {%- else -%} col-lg-4 col-md-6 mb-4 card-group {%- endif -%} ">
151
+ <div class=" card h-100">
152
+ <a href="{{ post.url }}">
153
+ <img src="{{ post.image }}" class="card-img-top" height="215px" width="100%" loading="lazy"
154
+ alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
155
+ </a>
156
+ <div class="card-body">
157
+ <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
158
+ <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
159
+ </a>
160
+ <div class="wrapfooter">
161
+ {% if post.author %}
162
+ <span class="meta-footer-thumb">
163
+ <img class="author-thumb" loading="lazy" src="{{image}}" alt="{{ authorName }}" {%-
164
+ if site.crossorigin -%} crossorigin {%- endif -%}>
165
+ </span>
166
+ {% endif %}
167
+ <span class="author-meta">
168
+ <span class="post-name">
169
+ <a target="_blank" href="/blog/">{{authorName}}</a>
170
+ </span><br>
171
+ <span class="post-date">{{post.date | date_to_string }}</span>
172
+ </span>
173
+
174
+ </div>
175
+ </div>
176
+
177
+
178
+
179
+ </div>
180
+ </div>
181
+ {%- endif -%}
182
+ {%- endif -%}
183
+
184
+ {% endfor %}
185
+ {%- endif -%}
186
+
187
+ {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
188
+
189
+ </div>
190
+ </div>
191
+ {%- endif -%}
192
+ </div>
193
+ </div>
194
+ </div>
195
195
  </section>
@@ -1,63 +1,63 @@
1
- <style>
2
-
3
- #appscms-searchbar {
4
- border-radius: 35px;
5
- padding: 5px;
6
- background-color: rgb(15 57 144 / 76%);
7
- border: 2px solid #2C8DFF;
8
- color: #2C8DFF;
9
- }
10
- .form-control{
11
- background-color: transparent;
12
- color: #f3f3f3;
13
- }
14
-
15
- search-features
16
- .form-control::placeholder {
17
- color: #f3f3f3;
18
- }
19
-
20
- #search-features::placeholder{
21
- color: #f3f3f3;
22
- }
23
-
24
- .form-control:focus {
25
- background-color: transparent;
26
- box-shadow: none;
27
- }
28
- </style><div class="container">
29
- <div class="row justify-content-center">
30
- <div class="col-lg-6 col-md-8 col-10">
31
- <form class="form-inline">
32
- <div class="input-group w-100 shadow" id="appscms-searchbar">
33
- <input
34
- type="text"
35
- id="search-features"
36
- class="form-control rounded-pill border-0 px-4 text-white"
37
- id="searchbar-placeholder"
38
- placeholder="Search the tool you are looking for"
39
- style="width: 50%"
40
- />
41
- <button type="submit" class="btn btn-link btn-search">
42
- <svg
43
- height="22px"
44
- width="22px"
45
- xmlns="http://www.w3.org/2000/svg"
46
- width="800px"
47
- height="800px"
48
- viewBox="0 0 24 24"
49
- fill="none"
50
- >
51
- <path
52
- fill-rule="evenodd"
53
- clip-rule="evenodd"
54
- d="M4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11C18 14.866 14.866 18 11 18C7.13401 18 4 14.866 4 11ZM11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C13.125 20 15.078 19.2635 16.6177 18.0319L20.2929 21.7071C20.6834 22.0976 21.3166 22.0976 21.7071 21.7071C22.0976 21.3166 22.0976 20.6834 21.7071 20.2929L18.0319 16.6177C19.2635 15.078 20 13.125 20 11C20 6.02944 15.9706 2 11 2Z"
55
- fill="#fff"
56
- />
57
- </svg>
58
- </button>
59
- </div>
60
- </form>
61
- </div>
62
- </div>
63
- </div>
1
+ <style>
2
+
3
+ #appscms-searchbar {
4
+ border-radius: 35px;
5
+ padding: 5px;
6
+ background-color: rgb(15 57 144 / 76%);
7
+ border: 2px solid #2C8DFF;
8
+ color: #2C8DFF;
9
+ }
10
+ .form-control{
11
+ background-color: transparent;
12
+ color: #f3f3f3;
13
+ }
14
+
15
+ search-features
16
+ .form-control::placeholder {
17
+ color: #f3f3f3;
18
+ }
19
+
20
+ #search-features::placeholder{
21
+ color: #f3f3f3;
22
+ }
23
+
24
+ .form-control:focus {
25
+ background-color: transparent;
26
+ box-shadow: none;
27
+ }
28
+ </style><div class="container">
29
+ <div class="row justify-content-center">
30
+ <div class="col-lg-6 col-md-8 col-10">
31
+ <form class="form-inline">
32
+ <div class="input-group w-100 shadow" id="appscms-searchbar">
33
+ <input
34
+ type="text"
35
+ id="search-features"
36
+ class="form-control rounded-pill border-0 px-4 text-white"
37
+ id="searchbar-placeholder"
38
+ placeholder="Search the tool you are looking for"
39
+ style="width: 50%"
40
+ />
41
+ <button type="submit" class="btn btn-link btn-search">
42
+ <svg
43
+ height="22px"
44
+ width="22px"
45
+ xmlns="http://www.w3.org/2000/svg"
46
+ width="800px"
47
+ height="800px"
48
+ viewBox="0 0 24 24"
49
+ fill="none"
50
+ >
51
+ <path
52
+ fill-rule="evenodd"
53
+ clip-rule="evenodd"
54
+ d="M4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11C18 14.866 14.866 18 11 18C7.13401 18 4 14.866 4 11ZM11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C13.125 20 15.078 19.2635 16.6177 18.0319L20.2929 21.7071C20.6834 22.0976 21.3166 22.0976 21.7071 21.7071C22.0976 21.3166 22.0976 20.6834 21.7071 20.2929L18.0319 16.6177C19.2635 15.078 20 13.125 20 11C20 6.02944 15.9706 2 11 2Z"
55
+ fill="#fff"
56
+ />
57
+ </svg>
58
+ </button>
59
+ </div>
60
+ </form>
61
+ </div>
62
+ </div>
63
+ </div>