appscms-tools-theme 4.7.7 → 4.7.8

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