appscms-tools-theme 4.5.9 → 4.6.0

Sign up to get free protection for your applications and to get access to all the features.
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/feature/en/batch-conversion.json +192 -192
  5. data/_data/feature/en/compress-pdf.json +305 -305
  6. data/_data/feature/en/devtools.json +321 -321
  7. data/_data/feature/en/face-detection.json +156 -156
  8. data/_data/feature/en/split-pdf.json +221 -221
  9. data/_data/feature/en/theframe.json +160 -160
  10. data/_data/footer/en/data.json +2 -2
  11. data/_data/header/en/data.json +412 -412
  12. data/_data/home/en/en.json +324 -324
  13. data/_data/home/en/posters.json +322 -322
  14. data/_includes/alternates/alternates.html +46 -43
  15. data/_includes/appscms/customblog/contenttool-recent-posts.html +94 -94
  16. data/_includes/appscms/customblog/pageRelatedPosts.html +62 -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/head/head.html +3 -2
  24. data/_includes/appscms/headings/contenttool-headings.html +33 -33
  25. data/_includes/appscms/headings/devtool-headings.html +38 -38
  26. data/_includes/appscms/home/contenttool-feature-boxes.html +19 -19
  27. data/_includes/appscms/home/devtool-feature-boxes.html +70 -70
  28. data/_includes/appscms/infographics/infographics.html +166 -166
  29. data/_includes/appscms/loaders/loader.html +4 -4
  30. data/_includes/appscms/navbars/devtool-navbar.html +50 -50
  31. data/_includes/appscms/navbars/devtool-toolbar.html +100 -100
  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>