Changes for page Intermediate Level

Last modified by Danniar Firdausy on 2024/09/30 10:09

From version 16.1
edited by eMagiz
on 2022/06/22 13:42
Change comment: There is no comment for this version
To version 10.1
edited by eMagiz
on 2022/06/14 15:05
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -9,6 +9,10 @@
9 9   </div>
10 10   <ul class="card__footer-intermediate">
11 11   <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">Intermediate</label>
14 + </li>
15 + <li class="card__footer-item">
12 12   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
13 13   <label for="" class="card__footer-label">All</label>
14 14   </li>
... ... @@ -22,8 +22,12 @@
22 22   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/messaging_crashcourse.svg) center no-repeat; background-size: 10%;">
23 23   <h4>Key concepts eMagiz Messaging</h4>
24 24   </div>
25 - <ul class="card__footer-intermediate">
29 + <ul class="card__footer">
26 26   <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">Intermediate</label>
33 + </li>
34 + <li class="card__footer-item">
27 27   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
28 28   <label for="" class="card__footer-label">All</label>
29 29   </li>
... ... @@ -37,8 +37,12 @@
37 37   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/TransformationModules.svg) center no-repeat; background-size: 10%;">
38 38   <h4>Design your transformations</h4>
39 39   </div>
40 - <ul class="card__footer-intermediate">
48 + <ul class="card__footer">
41 41   <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">Intermediate</label>
52 + </li>
53 + <li class="card__footer-item">
42 42   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
43 43   <label for="" class="card__footer-label">Developer</label>
44 44   </li>
... ... @@ -52,8 +52,12 @@
52 52   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/MessageStructure.svg) center no-repeat; background-size: 10%;">
53 53   <h4>Defining message structures</h4>
54 54   </div>
55 - <ul class="card__footer-intermediate">
67 + <ul class="card__footer">
56 56   <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">Intermediate</label>
71 + </li>
72 + <li class="card__footer-item">
57 57   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
58 58   <label for="" class="card__footer-label">All</label>
59 59   </li>
... ... @@ -67,8 +67,12 @@
67 67   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/SolutionArchitecture_Modules.svg) center no-repeat; background-size: 10%;">
68 68   <h4>Solution Architecture</h4>
69 69   </div>
70 - <ul class="card__footer-intermediate">
86 + <ul class="card__footer">
71 71   <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">Intermediate</label>
90 + </li>
91 + <li class="card__footer-item">
72 72   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
73 73   <label for="" class="card__footer-label">All</label>
74 74   </li>
... ... @@ -82,8 +82,12 @@
82 82   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/messaging_crashcourse.svg) center no-repeat; background-size: 10%;">
83 83   <h4>Data traffic routing</h4>
84 84   </div>
85 - <ul class="card__footer-intermediate">
105 + <ul class="card__footer">
86 86   <li class="card__footer-item">
107 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
108 + <label for="" class="card__footer-label">Intermediate</label>
109 + </li>
110 + <li class="card__footer-item">
87 87   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
88 88   <label for="" class="card__footer-label">Developer</label>
89 89   </li>
... ... @@ -97,8 +97,12 @@
97 97   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/TransformationModules.svg) center no-repeat; background-size: 10%;">
98 98   <h4>Create your transformations</h4>
99 99   </div>
100 - <ul class="card__footer-intermediate">
124 + <ul class="card__footer">
101 101   <li class="card__footer-item">
126 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
127 + <label for="" class="card__footer-label">Intermediate</label>
128 + </li>
129 + <li class="card__footer-item">
102 102   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
103 103   <label for="" class="card__footer-label">Developer</label>
104 104   </li>
... ... @@ -112,8 +112,12 @@
112 112   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/cloud-management-module.svg) center no-repeat; background-size: 10%;">
113 113   <h4>eMagiz Cloud Management</h4>
114 114   </div>
115 - <ul class="card__footer-intermediate">
143 + <ul class="card__footer">
116 116   <li class="card__footer-item">
145 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
146 + <label for="" class="card__footer-label">Intermediate</label>
147 + </li>
148 + <li class="card__footer-item">
117 117   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
118 118   <label for="" class="card__footer-label">All</label>
119 119   </li>
... ... @@ -127,8 +127,12 @@
127 127   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/DataPipelines_Modules.svg) center no-repeat; background-size: 10%;">
128 128   <h4>Data Pipelines</h4>
129 129   </div>
130 - <ul class="card__footer-intermediate">
162 + <ul class="card__footer">
131 131   <li class="card__footer-item">
164 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
165 + <label for="" class="card__footer-label">Intermediate</label>
166 + </li>
167 + <li class="card__footer-item">
132 132   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
133 133   <label for="" class="card__footer-label">Developer</label>
134 134   </li>
... ... @@ -142,8 +142,12 @@
142 142   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/DataHandling_modules.svg) center no-repeat; background-size: 10%;">
143 143   <h4>Data Handling</h4>
144 144   </div>
145 - <ul class="card__footer-intermediate">
181 + <ul class="card__footer">
146 146   <li class="card__footer-item">
183 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
184 + <label for="" class="card__footer-label">Intermediate</label>
185 + </li>
186 + <li class="card__footer-item">
147 147   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
148 148   <label for="" class="card__footer-label">Developer</label>
149 149   </li>
... ... @@ -157,7 +157,10 @@
157 157   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 10%;">
158 158   <h4>Testing in eMagiz</h4>
159 159   </div>
160 - <ul class="card__footer-intermediate">
200 + <ul class="card__footer">
201 + <li class="card__footer-item">
202 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
203 + <label for="" class="card__footer-label">Intermediate</label>
161 161   </li>
162 162   <li class="card__footer-item">
163 163   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
... ... @@ -173,8 +173,12 @@
173 173   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Release_management_modules.svg) center no-repeat; background-size: 10%;">
174 174   <h4>Release Management</h4>
175 175   </div>
176 - <ul class="card__footer-intermediate">
219 + <ul class="card__footer">
177 177   <li class="card__footer-item">
221 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
222 + <label for="" class="card__footer-label">Intermediate</label>
223 + </li>
224 + <li class="card__footer-item">
178 178   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
179 179   <label for="" class="card__footer-label">All</label>
180 180   </li>
... ... @@ -185,11 +185,15 @@
185 185   </ul>
186 186   </a>
187 187   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Active%20Monitoring" class="card">
188 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Lifecyclemanagement.svg) center no-repeat; background-size: 5%;">
235 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Lifecyclemanagement.svg) center no-repeat; background-size: 10%;">
189 189   <h4>Active Monitoring</h4>
190 190   </div>
191 - <ul class="card__footer-intermediate">
238 + <ul class="card__footer">
192 192   <li class="card__footer-item">
240 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
241 + <label for="" class="card__footer-label">Intermediate</label>
242 + </li>
243 + <li class="card__footer-item">
193 193   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
194 194   <label for="" class="card__footer-label">All</label>
195 195   </li>
... ... @@ -203,8 +203,12 @@
203 203   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/alerting_module.svg) center no-repeat; background-size: 10%;">
204 204   <h4>Alerting</h4>
205 205   </div>
206 - <ul class="card__footer-intermediate">
257 + <ul class="card__footer">
207 207   <li class="card__footer-item">
259 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
260 + <label for="" class="card__footer-label">Intermediate</label>
261 + </li>
262 + <li class="card__footer-item">
208 208   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
209 209   <label for="" class="card__footer-label">All</label>
210 210   </li>
... ... @@ -218,8 +218,12 @@
218 218   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-management.svg) center no-repeat; background-size: 10%;">
219 219   <h4>API Management</h4>
220 220   </div>
221 - <ul class="card__footer-intermediate">
276 + <ul class="card__footer">
222 222   <li class="card__footer-item">
278 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
279 + <label for="" class="card__footer-label">Intermediate</label>
280 + </li>
281 + <li class="card__footer-item">
223 223   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
224 224   <label for="" class="card__footer-label">All</label>
225 225   </li>
... ... @@ -234,7 +234,10 @@
234 234   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/DevOpsPerspectives_module.svg) center no-repeat; background-size: 10%;">
235 235   <h4>DevOps Perspectives</h4>
236 236   </div>
237 - <ul class="card__footer-intermediate">
296 + <ul class="card__footer">
297 + <li class="card__footer-item">
298 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
299 + <label for="" class="card__footer-label">Intermediate</label>
238 238   </li>
239 239   <li class="card__footer-item">
240 240   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
... ... @@ -247,11 +247,15 @@
247 247   </ul>
248 248   </a>
249 249   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Lifecycle%20Management" class="card">
250 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Lifecyclemanagement.svg) center no-repeat; background-size: 10%;">
312 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Lifecyclemanagement.svg) center no-repeat; background-size: 20%;">
251 251   <h4>Lifecycle Management</h4>
252 252   </div>
253 - <ul class="card__footer-intermediate">
315 + <ul class="card__footer">
254 254   <li class="card__footer-item">
317 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
318 + <label for="" class="card__footer-label">Intermediate</label>
319 + </li>
320 + <li class="card__footer-item">
255 255   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
256 256   <label for="" class="card__footer-label">All</label>
257 257   </li>
... ... @@ -265,8 +265,12 @@
265 265   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Security_Modules.svg) center no-repeat; background-size: 10%;">
266 266   <h4>Securing Data Traffic</h4>
267 267   </div>
268 - <ul class="card__footer-intermediate">
334 + <ul class="card__footer">
269 269   <li class="card__footer-item">
336 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
337 + <label for="" class="card__footer-label">Intermediate</label>
338 + </li>
339 + <li class="card__footer-item">
270 270   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
271 271   <label for="" class="card__footer-label">Developer</label>
272 272   </li>
... ... @@ -280,8 +280,12 @@
280 280   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Security_Modules.svg) center no-repeat; background-size: 10%;">
281 281   <h4>Portal Security</h4>
282 282   </div>
283 - <ul class="card__footer-intermediate">
353 + <ul class="card__footer">
284 284   <li class="card__footer-item">
355 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
356 + <label for="" class="card__footer-label">Intermediate</label>
357 + </li>
358 + <li class="card__footer-item">
285 285   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
286 286   <label for="" class="card__footer-label">All</label>
287 287   </li>
... ... @@ -295,8 +295,12 @@
295 295   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Error_Handling_Modules.svg) center no-repeat; background-size: 10%;">
296 296   <h4>Understanding Error Handling</h4>
297 297   </div>
298 - <ul class="card__footer-intermediate">
372 + <ul class="card__footer">
299 299   <li class="card__footer-item">
374 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
375 + <label for="" class="card__footer-label">Intermediate</label>
376 + </li>
377 + <li class="card__footer-item">
300 300   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
301 301   <label for="" class="card__footer-label">All</label>
302 302   </li>
... ... @@ -307,11 +307,15 @@
307 307   </ul>
308 308   </a>
309 309   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Orchestration%20of%20data%20packets" class="card">
310 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/orchestration_modules.svg) center no-repeat; background-size: 10%;">
388 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/orchestration_modules.svg) center no-repeat; background-size: 20%;">
311 311   <h4>Orchestration of data packets</h4>
312 312   </div>
313 - <ul class="card__footer-intermediate">
391 + <ul class="card__footer">
314 314   <li class="card__footer-item">
393 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
394 + <label for="" class="card__footer-label">Intermediate</label>
395 + </li>
396 + <li class="card__footer-item">
315 315   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
316 316   <label for="" class="card__footer-label">All</label>
317 317   </li>
... ... @@ -325,8 +325,12 @@
325 325   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-gateway_crashcourse.svg) center no-repeat; background-size: 10%; ">
326 326   <h4>Configuring the API Gateway</h4>
327 327   </div>
328 - <ul class="card__footer-intermediate">
410 + <ul class="card__footer">
329 329   <li class="card__footer-item">
412 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
413 + <label for="" class="card__footer-label">Intermediate</label>
414 + </li>
415 + <li class="card__footer-item">
330 330   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
331 331   <label for="" class="card__footer-label">Developer</label>
332 332   </li>
... ... @@ -340,8 +340,12 @@
340 340   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 10%;">
341 341   <h4>Testing API Gateway</h4>
342 342   </div>
343 - <ul class="card__footer-intermediate">
429 + <ul class="card__footer">
344 344   <li class="card__footer-item">
431 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
432 + <label for="" class="card__footer-label">Intermediate</label>
433 + </li>
434 + <li class="card__footer-item">
345 345   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
346 346   <label for="" class="card__footer-label">All</label>
347 347   </li>
... ... @@ -355,8 +355,12 @@
355 355   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/eventstreaming_crashcourse.svg) center no-repeat; background-size: 10%;">
356 356   <h4>Key concepts Event Streaming</h4>
357 357   </div>
358 - <ul class="card__footer-intermediate">
448 + <ul class="card__footer">
359 359   <li class="card__footer-item">
450 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
451 + <label for="" class="card__footer-label">Intermediate</label>
452 + </li>
453 + <li class="card__footer-item">
360 360   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
361 361   <label for="" class="card__footer-label">All</label>
362 362   </li>
... ... @@ -370,8 +370,12 @@
370 370   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/eventstreaming_crashcourse.svg) center no-repeat; background-size: 20%;">
371 371   <h4>Configuring Event Streaming</h4>
372 372   </div>
373 - <ul class="card__footer-intermediate">
467 + <ul class="card__footer">
374 374   <li class="card__footer-item">
469 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
470 + <label for="" class="card__footer-label">Intermediate</label>
471 + </li>
472 + <li class="card__footer-item">
375 375   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
376 376   <label for="" class="card__footer-label">All</label>
377 377   </li>
... ... @@ -385,8 +385,12 @@
385 385   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/eventstreaming_crashcourse.svg) center no-repeat; background-size: 10%;">
386 386   <h4>Event Streaming Connectors</h4>
387 387   </div>
388 - <ul class="card__footer-intermediate">
486 + <ul class="card__footer">
389 389   <li class="card__footer-item">
488 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
489 + <label for="" class="card__footer-label">Intermediate</label>
490 + </li>
491 + <li class="card__footer-item">
390 390   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
391 391   <label for="" class="card__footer-label">All</label>
392 392   </li>
... ... @@ -397,11 +397,15 @@
397 397   </ul>
398 398   </a>
399 399   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Database%20connectivity" class="card">
400 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/database-connectivity.svg) center no-repeat; background-size: 10%;">
502 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/database-connectivity.svg) center no-repeat; background-size: 20%;">
401 401   <h4>Database connectivity</h4>
402 402   </div>
403 - <ul class="card__footer-intermediate">
505 + <ul class="card__footer">
404 404   <li class="card__footer-item">
507 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
508 + <label for="" class="card__footer-label">Intermediate</label>
509 + </li>
510 + <li class="card__footer-item">
405 405   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
406 406   <label for="" class="card__footer-label">Developer</label>
407 407   </li>
... ... @@ -415,8 +415,12 @@
415 415   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/file-based-connectivity.svg) center no-repeat; background-size: 10%;">
416 416   <h4>File based connectivity</h4>
417 417   </div>
418 - <ul class="card__footer-intermediate">
524 + <ul class="card__footer">
419 419   <li class="card__footer-item">
526 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
527 + <label for="" class="card__footer-label">Intermediate</label>
528 + </li>
529 + <li class="card__footer-item">
420 420   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
421 421   <label for="" class="card__footer-label">Developer</label>
422 422   </li>
... ... @@ -430,8 +430,12 @@
430 430   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/mendix-connectivity.svg) center no-repeat; background-size: 10%;">
431 431   <h4>Mendix Connectivity</h4>
432 432   </div>
433 - <ul class="card__footer-intermediate">
543 + <ul class="card__footer">
434 434   <li class="card__footer-item">
545 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
546 + <label for="" class="card__footer-label">Intermediate</label>
547 + </li>
548 + <li class="card__footer-item">
435 435   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
436 436   <label for="" class="card__footer-label">All</label>
437 437   </li>
... ... @@ -445,8 +445,12 @@
445 445   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/REST_modules.svg) center no-repeat; background-size: 10%;">
446 446   <h4>REST Connectivity</h4>
447 447   </div>
448 - <ul class="card__footer-intermediate">
562 + <ul class="card__footer">
449 449   <li class="card__footer-item">
564 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
565 + <label for="" class="card__footer-label">Intermediate</label>
566 + </li>
567 + <li class="card__footer-item">
450 450   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
451 451   <label for="" class="card__footer-label">Developer</label>
452 452   </li>
... ... @@ -457,11 +457,15 @@
457 457   </ul>
458 458   </a>
459 459   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Message%20Redelivery" class="card">
460 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/message-redelivery.svg) center no-repeat; background-size: 10%;">
578 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/message-redelivery.svg) center no-repeat; background-size: 20%;">
461 461   <h4>Message Redelivery</h4>
462 462   </div>
463 - <ul class="card__footer-intermediate">
581 + <ul class="card__footer">
464 464   <li class="card__footer-item">
583 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
584 + <label for="" class="card__footer-label">Intermediate</label>
585 + </li>
586 + <li class="card__footer-item">
465 465   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
466 466   <label for="" class="card__footer-label">All</label>
467 467   </li>
... ... @@ -475,8 +475,12 @@
475 475   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 10%;">
476 476   <h4>Risk Management</h4>
477 477   </div>
478 - <ul class="card__footer-intermediate">
600 + <ul class="card__footer">
479 479   <li class="card__footer-item">
602 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
603 + <label for="" class="card__footer-label">Intermediate</label>
604 + </li>
605 + <li class="card__footer-item">
480 480   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
481 481   <label for="" class="card__footer-label">All</label>
482 482   </li>
... ... @@ -490,8 +490,12 @@
490 490   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/soap-connectivity-module.svg) center no-repeat; background-size: 10%;">
491 491   <h4>SOAP Web service Connectivity</h4>
492 492   </div>
493 - <ul class="card__footer-intermediate">
619 + <ul class="card__footer">
494 494   <li class="card__footer-item">
621 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
622 + <label for="" class="card__footer-label">Intermediate</label>
623 + </li>
624 + <li class="card__footer-item">
495 495   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
496 496   <label for="" class="card__footer-label">Developer</label>
497 497   </li>