Changes for page Advanced Level

Last modified by Carlijn Kokkeler on 2024/09/26 16:38
From version 22.1
edited by eMagiz
on 2022/06/22 13:40
Change comment: There is no comment for this version
To version 13.1
edited by Erik Bakker
on 2022/05/03 12:09
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.eMagiz
1 +XWiki.ebakker
Content
... ... @@ -1,43 +1,56 @@
1 +
1 1  {{html}}<div class="ez-academy">
2 2   <div class="ez-academy_body">
3 3   <main class="master">
4 4   <div class="card-container">
5 5   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Data%20Handling/" class="card">
6 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/DataHandling_modules.svg) center no-repeat; background-size: 15%;">
7 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/DataHandling_modules.svg) center no-repeat; background-size: 20%;">
7 7   <h4>Data Handling</h4>
8 8   </div>
9 - <ul class="card__footer-advanced">
10 + <ul class="card__footer">
10 10   <li class="card__footer-item">
12 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
13 + <label for="" class="card__footer-label">Advanced</label>
14 + </li>
15 + <li class="card__footer-item">
11 11   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
12 - <label for="" class="card__footer-label">All</label>
17 + <label for="" class="card__footer-label">Developer</label>
13 13   </li>
14 - <li class="card__footer-item">
19 + <li class="card__footer-item">
15 15   <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg"/>
16 - <label for="" class="card__footer-label">2</label>
21 + <label for="" class="card__footer-label">1</label>
17 17   </li>
18 18   </ul>
19 19   </a>
20 20   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Solution%20Architecture/" class="card">
21 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/SolutionArchitecture_Modules.svg) center no-repeat; background-size: 15%;">
26 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/SolutionArchitecture_Modules.svg) center no-repeat; background-size: 20%;">
22 22   <h4>Solution Architecture</h4>
23 23   </div>
24 - <ul class="card__footer-advanced">
29 + <ul class="card__footer">
25 25   <li class="card__footer-item">
31 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
32 + <label for="" class="card__footer-label">Advanced</label>
33 + </li>
34 + <li class="card__footer-item">
26 26   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
27 27   <label for="" class="card__footer-label">All</label>
28 28   </li>
29 29   <li class="card__footer-item">
30 30   <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg"/>
31 - <label for="" class="card__footer-label">5</label>
40 + <label for="" class="card__footer-label">4</label>
32 32   </li>
33 33   </ul>
34 - </a>
43 + </a>
35 35   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Orchestration%20of%20data%20packets/" class="card">
36 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/orchestration_modules.svg) center no-repeat; background-size: 15%;">
45 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/orchestration_modules.svg) center no-repeat; background-size: 20%;">
37 37   <h4>Orchestration of data packets</h4>
38 38   </div>
39 - <ul class="card__footer-advanced">
48 + <ul class="card__footer">
40 40   <li class="card__footer-item">
50 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
51 + <label for="" class="card__footer-label">Advanced</label>
52 + </li>
53 + <li class="card__footer-item">
41 41   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
42 42   <label for="" class="card__footer-label">All</label>
43 43   </li>
... ... @@ -48,11 +48,15 @@
48 48   </ul>
49 49   </a>
50 50   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Key%20Concepts/" class="card">
51 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/platform_crashcourse.svg) center no-repeat; background-size: 15%;">
64 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/platform_crashcourse.svg) center no-repeat; background-size: 20%;">
52 52   <h4>Key platform concepts</h4>
53 53   </div>
54 - <ul class="card__footer-advanced">
67 + <ul class="card__footer">
55 55   <li class="card__footer-item">
69 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
70 + <label for="" class="card__footer-label">Advanced</label>
71 + </li>
72 + <li class="card__footer-item">
56 56   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
57 57   <label for="" class="card__footer-label">All</label>
58 58   </li>
... ... @@ -63,11 +63,15 @@
63 63   </ul>
64 64   </a>
65 65   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/eMagiz%20Cloud%20Management/" class="card">
66 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/cloud-management-module.svg) center no-repeat; background-size: 15%;">
83 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/cloud-management-module.svg) center no-repeat; background-size: 20%;">
67 67   <h4>eMagiz Cloud Management</h4>
68 68   </div>
69 - <ul class="card__footer-advanced">
86 + <ul class="card__footer">
70 70   <li class="card__footer-item">
88 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
89 + <label for="" class="card__footer-label">Advanced</label>
90 + </li>
91 + <li class="card__footer-item">
71 71   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
72 72   <label for="" class="card__footer-label">All</label>
73 73   </li>
... ... @@ -77,11 +77,15 @@
77 77   </li>
78 78   </ul>
79 79   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Create%20your%20transformations/" class="card">
80 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/TransformationModules.svg) center no-repeat; background-size: 15%;">
101 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/TransformationModules.svg) center no-repeat; background-size: 20%;">
81 81   <h4>Create your transformations</h4>
82 82   </div>
83 - <ul class="card__footer-advanced">
104 + <ul class="card__footer">
84 84   <li class="card__footer-item">
106 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
107 + <label for="" class="card__footer-label">Advanced</label>
108 + </li>
109 + <li class="card__footer-item">
85 85   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
86 86   <label for="" class="card__footer-label">Developer</label>
87 87   </li>
... ... @@ -92,11 +92,15 @@
92 92   </ul>
93 93   </a>
94 94   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/API%20Management/" class="card">
95 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-management.svg) center no-repeat; background-size: 15%;">
120 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-management.svg) center no-repeat; background-size: 20%;">
96 96   <h4>API Management</h4>
97 97   </div>
98 - <ul class="card__footer-advanced">
123 + <ul class="card__footer">
99 99   <li class="card__footer-item">
125 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
126 + <label for="" class="card__footer-label">Advanced</label>
127 + </li>
128 + <li class="card__footer-item">
100 100   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
101 101   <label for="" class="card__footer-label">All</label>
102 102   </li>
... ... @@ -107,11 +107,15 @@
107 107   </ul>
108 108   </a>
109 109   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Lifecycle%20Management/" class="card">
110 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Lifecyclemanagement.svg) center no-repeat; background-size: 15%;">
139 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Lifecyclemanagement.svg) center no-repeat; background-size: 20%;">
111 111   <h4>Lifecycle Management</h4>
112 112   </div>
113 - <ul class="card__footer-advanced">
142 + <ul class="card__footer">
114 114   <li class="card__footer-item">
144 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
145 + <label for="" class="card__footer-label">Advanced</label>
146 + </li>
147 + <li class="card__footer-item">
115 115   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
116 116   <label for="" class="card__footer-label">All</label>
117 117   </li>
... ... @@ -122,11 +122,15 @@
122 122   </ul>
123 123   </a>
124 124   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Testing%20in%20eMagiz/" class="card">
125 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 15%;">
158 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 20%;">
126 126   <h4>Testing in eMagiz</h4>
127 127   </div>
128 - <ul class="card__footer-advanced">
161 + <ul class="card__footer">
129 129   <li class="card__footer-item">
163 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
164 + <label for="" class="card__footer-label">Advanced</label>
165 + </li>
166 + <li class="card__footer-item">
130 130   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
131 131   <label for="" class="card__footer-label">Developer</label>
132 132   </li>
... ... @@ -137,11 +137,15 @@
137 137   </ul>
138 138   </a>
139 139   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Key%20Concepts%20API%20Gateway/" class="card">
140 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-management.svg) center no-repeat; background-size: 15%;">
177 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-management.svg) center no-repeat; background-size: 20%;">
141 141   <h4>Key Concepts API Gateway</h4>
142 142   </div>
143 - <ul class="card__footer-advanced">
180 + <ul class="card__footer">
144 144   <li class="card__footer-item">
182 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
183 + <label for="" class="card__footer-label">Advanced</label>
184 + </li>
185 + <li class="card__footer-item">
145 145   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
146 146   <label for="" class="card__footer-label">All</label>
147 147   </li>
... ... @@ -152,11 +152,15 @@
152 152   </ul>
153 153   </a>
154 154   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Advanced%20configurations%20for%20API%20Gateway/" class="card">
155 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-management.svg) center no-repeat; background-size: 15%;">
196 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-management.svg) center no-repeat; background-size: 20%;">
156 156   <h4>Advanced configurations API Gateway</h4>
157 157   </div>
158 - <ul class="card__footer-advanced">
199 + <ul class="card__footer">
159 159   <li class="card__footer-item">
201 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
202 + <label for="" class="card__footer-label">Advanced</label>
203 + </li>
204 + <li class="card__footer-item">
160 160   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
161 161   <label for="" class="card__footer-label">Developer</label>
162 162   </li>
... ... @@ -167,11 +167,15 @@
167 167   </ul>
168 168   </a>
169 169   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Key%20Concepts%20Event%20Streaming/" class="card">
170 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/eventstreaming_crashcourse.svg) center no-repeat; background-size: 15%;">
215 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/eventstreaming_crashcourse.svg) center no-repeat; background-size: 20%;">
171 171   <h4>Key Concepts Event Streaming</h4>
172 172   </div>
173 - <ul class="card__footer-advanced">
218 + <ul class="card__footer">
174 174   <li class="card__footer-item">
220 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
221 + <label for="" class="card__footer-label">Advanced</label>
222 + </li>
223 + <li class="card__footer-item">
175 175   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
176 176   <label for="" class="card__footer-label">All</label>
177 177   </li>
... ... @@ -182,11 +182,15 @@
182 182   </ul>
183 183   </a>
184 184   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Advanced%20monitoring%20Event%20Streaming/" class="card">
185 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/eventstreaming_crashcourse.svg) center no-repeat; background-size: 15%;">
234 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/eventstreaming_crashcourse.svg) center no-repeat; background-size: 20%;">
186 186   <h4>Monitoring Event Streaming</h4>
187 187   </div>
188 - <ul class="card__footer-advanced">
237 + <ul class="card__footer">
189 189   <li class="card__footer-item">
239 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
240 + <label for="" class="card__footer-label">Advanced</label>
241 + </li>
242 + <li class="card__footer-item">
190 190   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
191 191   <label for="" class="card__footer-label">All</label>
192 192   </li>
... ... @@ -197,11 +197,15 @@
197 197   </ul>
198 198   </a>
199 199   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Advanced%20Database%20Connectivity/" class="card">
200 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/database-connectivity.svg) center no-repeat; background-size: 15%;">
253 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/database-connectivity.svg) center no-repeat; background-size: 20%;">
201 201   <h4>Database Connectivity</h4>
202 202   </div>
203 - <ul class="card__footer-advanced">
256 + <ul class="card__footer">
204 204   <li class="card__footer-item">
258 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
259 + <label for="" class="card__footer-label">Advanced</label>
260 + </li>
261 + <li class="card__footer-item">
205 205   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
206 206   <label for="" class="card__footer-label">Developer</label>
207 207   </li>
... ... @@ -212,11 +212,15 @@
212 212   </ul>
213 213   </a>
214 214   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/File%20Based%20Connectivity/" class="card">
215 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/file-based-connectivity.svg) center no-repeat; background-size: 15%;">
272 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/file-based-connectivity.svg) center no-repeat; background-size: 20%;">
216 216   <h4>File based Connectivity</h4>
217 217   </div>
218 - <ul class="card__footer-advanced">
275 + <ul class="card__footer">
219 219   <li class="card__footer-item">
277 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
278 + <label for="" class="card__footer-label">Advanced</label>
279 + </li>
280 + <li class="card__footer-item">
220 220   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
221 221   <label for="" class="card__footer-label">Developer</label>
222 222   </li>
... ... @@ -227,11 +227,15 @@
227 227   </ul>
228 228   </a>
229 229   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Mail%20based%20Connectivity/" class="card">
230 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/mail-based-connectivity.svg) center no-repeat; background-size: 15%;">
291 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/mail-based-connectivity.svg) center no-repeat; background-size: 20%;">
231 231   <h4>Mail based Connectivity</h4>
232 232   </div>
233 - <ul class="card__footer-advanced">
294 + <ul class="card__footer">
234 234   <li class="card__footer-item">
296 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
297 + <label for="" class="card__footer-label">Advanced</label>
298 + </li>
299 + <li class="card__footer-item">
235 235   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
236 236   <label for="" class="card__footer-label">Developer</label>
237 237   </li>
... ... @@ -242,11 +242,15 @@
242 242   </ul>
243 243   </a>
244 244   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Key%20concepts%20data%20modeling%20and%20validation/" class="card">
245 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/orchestration_modules.svg) center no-repeat; background-size: 15%;">
310 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/orchestration_modules.svg) center no-repeat; background-size: 20%;">
246 246   <h4>Data Modeling and Validation</h4>
247 247   </div>
248 - <ul class="card__footer-advanced">
313 + <ul class="card__footer">
249 249   <li class="card__footer-item">
315 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
316 + <label for="" class="card__footer-label">Advanced</label>
317 + </li>
318 + <li class="card__footer-item">
250 250   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
251 251   <label for="" class="card__footer-label">All</label>
252 252   </li>
... ... @@ -257,11 +257,15 @@
257 257   </ul>
258 258   </a>
259 259   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Risk%20Management/" class="card">
260 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 15%;">
329 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 20%;">
261 261   <h4>Risk Management</h4>
262 262   </div>
263 - <ul class="card__footer-advanced">
332 + <ul class="card__footer">
264 264   <li class="card__footer-item">
334 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
335 + <label for="" class="card__footer-label">Advanced</label>
336 + </li>
337 + <li class="card__footer-item">
265 265   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
266 266   <label for="" class="card__footer-label">All</label>
267 267   </li>
... ... @@ -272,11 +272,15 @@
272 272   </ul>
273 273   </a>
274 274   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Data%20Management/" class="card">
275 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 15%;">
348 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 20%;">
276 276   <h4>Data Management</h4>
277 277   </div>
278 - <ul class="card__footer-advanced">
351 + <ul class="card__footer">
279 279   <li class="card__footer-item">
353 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
354 + <label for="" class="card__footer-label">Advanced</label>
355 + </li>
356 + <li class="card__footer-item">
280 280   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
281 281   <label for="" class="card__footer-label">All</label>
282 282   </li>
... ... @@ -286,12 +286,16 @@
286 286   </li>
287 287   </ul>
288 288   </a>
289 - <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Advanced%20monitoring%20API%20Gateway/" class="card">
290 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-management.svg) center no-repeat; background-size: 15%;">
366 + <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Advanced%20Monitoring%20API%20Gateway/" class="card">
367 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-management.svg) center no-repeat; background-size: 20%;">
291 291   <h4>Advanced Monitoring API Gateway</h4>
292 292   </div>
293 - <ul class="card__footer-advanced">
370 + <ul class="card__footer">
294 294   <li class="card__footer-item">
372 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
373 + <label for="" class="card__footer-label">Advanced</label>
374 + </li>
375 + <li class="card__footer-item">
295 295   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
296 296   <label for="" class="card__footer-label">All</label>
297 297   </li>