appscms-tools-theme 4.6.2 → 4.6.3

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 (131) 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 -2816
  5. data/_data/feature/en/batch-conversion.json +192 -192
  6. data/_data/feature/en/compress-pdf.json +209 -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 -68
  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/navbars/toolbar.html +4 -17
  32. data/_includes/appscms/recent-posts/recent_posts.html +90 -90
  33. data/_includes/appscms/recent-posts/related_categories_post.html +194 -194
  34. data/_includes/appscms/searchbar/devtool-searchbar.html +63 -63
  35. data/_includes/appscms/usp/usp.html +90 -90
  36. data/_includes/author_bio.html +41 -41
  37. data/_includes/authorpagehead/index.html +47 -47
  38. data/_includes/authors/authors.html +39 -39
  39. data/_includes/batch-conversion.html +141 -141
  40. data/_includes/bookmark.html +6 -6
  41. data/_includes/cssfile/links.html +54 -54
  42. data/_includes/custom-head.html +138 -138
  43. data/_includes/customCode.html +1 -1
  44. data/_includes/customScripts.html +1 -1
  45. data/_includes/customblog/pageRelatedPosts.html +87 -87
  46. data/_includes/customblog/recentposts.html +67 -67
  47. data/_includes/customblog/relatedBlogs.html +86 -86
  48. data/_includes/customblog/relatedposts.html +201 -201
  49. data/_includes/dropdown/langdropdown.html +32 -32
  50. data/_includes/feature.html +39 -39
  51. data/_includes/featurePageAuthors/featurePageAuthors.html +101 -101
  52. data/_includes/footer/index.html +537 -537
  53. data/_includes/google-analytics.html +32 -32
  54. data/_includes/head/index.html +623 -623
  55. data/_includes/header/blogHeader.html +34 -34
  56. data/_includes/header/index.html +192 -192
  57. data/_includes/infographics/infographics.html +241 -241
  58. data/_includes/paginationBlogPage.html +70 -70
  59. data/_includes/postbox.html +65 -65
  60. data/_includes/script.html +493 -493
  61. data/_includes/section/count.html +32 -32
  62. data/_includes/section/recent_posts.html +94 -94
  63. data/_includes/section/related_categories_post.html +196 -196
  64. data/_includes/share/socialshare.html +21 -21
  65. data/_includes/userTracking.html +14 -14
  66. data/_layouts/aboutUs.html +175 -175
  67. data/_layouts/allAuthors.html +131 -131
  68. data/_layouts/appscms-about.html +163 -163
  69. data/_layouts/appscms-audio.html +33 -33
  70. data/_layouts/appscms-author.html +436 -436
  71. data/_layouts/appscms-authors.html +145 -145
  72. data/_layouts/appscms-batch.html +141 -141
  73. data/_layouts/appscms-calculator.html +93 -93
  74. data/_layouts/appscms-categories.html +26 -26
  75. data/_layouts/appscms-contact.html +132 -132
  76. data/_layouts/appscms-disclaimer.html +124 -124
  77. data/_layouts/appscms-download.html +289 -289
  78. data/_layouts/appscms-feature-result.html +96 -96
  79. data/_layouts/appscms-help.html +25 -25
  80. data/_layouts/appscms-imagekit.html +96 -96
  81. data/_layouts/appscms-post.html +243 -243
  82. data/_layouts/appscms-privacy-policy.html +781 -781
  83. data/_layouts/appscms-terms-and-conditions.html +646 -646
  84. data/_layouts/appscms-video.html +33 -33
  85. data/_layouts/audio.html +33 -33
  86. data/_layouts/author.html +409 -409
  87. data/_layouts/batch.html +177 -177
  88. data/_layouts/blog-1.html +116 -116
  89. data/_layouts/blog.html +131 -131
  90. data/_layouts/calculator.html +99 -99
  91. data/_layouts/contenttool-feature.html +45 -45
  92. data/_layouts/contenttool-home.html +53 -53
  93. data/_layouts/devtool-blog.html +132 -132
  94. data/_layouts/devtool-feature.html +54 -54
  95. data/_layouts/devtool-home.html +53 -53
  96. data/_layouts/devtools.html +57 -57
  97. data/_layouts/feature-1.html +406 -406
  98. data/_layouts/feature.html +351 -351
  99. data/_layouts/featureResultPage.html +82 -82
  100. data/_layouts/frame.html +222 -222
  101. data/_layouts/home.html +281 -281
  102. data/_layouts/homeResultPage.html +32 -32
  103. data/_layouts/imagekit.html +308 -308
  104. data/_layouts/photo-effects-home.html +190 -190
  105. data/_layouts/post.html +233 -233
  106. data/assets/app.js +75 -75
  107. data/assets/css/appscms-blog.css +505 -505
  108. data/assets/css/appscms-contenttool.css +1384 -1384
  109. data/assets/css/appscms-home.css +5 -5
  110. data/assets/css/appscms-imagekit.css +855 -855
  111. data/assets/css/appscms-variables.css +19 -19
  112. data/assets/css/blog.css +510 -510
  113. data/assets/css/calculators.css +46 -46
  114. data/assets/css/devtool-main.css +1350 -1350
  115. data/assets/css/devtools.css +105 -105
  116. data/assets/css/feature-1.css +293 -293
  117. data/assets/css/imagekit copy.css +848 -848
  118. data/assets/css/imagekit.css +848 -848
  119. data/assets/css/tools.css +1847 -1847
  120. data/assets/images/close-button.svg +31 -31
  121. data/assets/images/digipaint.svg +6 -6
  122. data/assets/images/logo.svg +2 -2
  123. data/assets/images/manthink.svg +3552 -3552
  124. data/assets/images/search-icon.svg +2 -2
  125. data/assets/js/batch.js +219 -219
  126. data/assets/js/devtools.js +81 -81
  127. data/assets/js/sharePage.js +65 -65
  128. data/assets/js/usageTracking.js +143 -143
  129. data/assets/js/usageTrackingEvents.js +6 -6
  130. data/assets/js/webvitals.js +4 -4
  131. 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>