Skip to Content

Changes for page Intermediate Level

Last modified by Danniar Firdausy on 2024/09/30 10:09
From version 8.1
edited by eMagiz
on 2022/06/08 12:40
Change comment: There is no comment for this version
To version 11.1
edited by eMagiz
on 2022/06/14 15:06
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -7,7 +7,7 @@
7 7   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Discover_Integrations.svg) center no-repeat; background-size: 10%;">
8 8   <h4>Discover your integration landscape</h4>
9 9   </div>
10 - <ul class="card__footer">
10 + <ul class="card__footer-intermediate">
11 11   <li class="card__footer-item">
12 12   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
13 13   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -26,7 +26,7 @@
26 26   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/messaging_crashcourse.svg) center no-repeat; background-size: 10%;">
27 27   <h4>Key concepts eMagiz Messaging</h4>
28 28   </div>
29 - <ul class="card__footer">
29 + <ul class="card__footer-intermediate">
30 30   <li class="card__footer-item">
31 31   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
32 32   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -42,10 +42,10 @@
42 42   </ul>
43 43   </a>
44 44   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Design%20your%20transformations" class="card">
45 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/TransformationModules.svg) center no-repeat; background-size: 20%;">
45 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/TransformationModules.svg) center no-repeat; background-size: 10%;">
46 46   <h4>Design your transformations</h4>
47 47   </div>
48 - <ul class="card__footer">
48 + <ul class="card__footer-intermediate">
49 49   <li class="card__footer-item">
50 50   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
51 51   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -61,10 +61,10 @@
61 61   </ul>
62 62   </a>
63 63   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Defining%20message%20structures" class="card">
64 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/MessageStructure.svg) center no-repeat; background-size: 20%;">
64 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/MessageStructure.svg) center no-repeat; background-size: 10%;">
65 65   <h4>Defining message structures</h4>
66 66   </div>
67 - <ul class="card__footer">
67 + <ul class="card__footer-intermediate">
68 68   <li class="card__footer-item">
69 69   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
70 70   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -80,10 +80,10 @@
80 80   </ul>
81 81   </a>
82 82   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Solution%20Architecture" class="card">
83 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/SolutionArchitecture_Modules.svg) center no-repeat; background-size: 17%;">
83 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/SolutionArchitecture_Modules.svg) center no-repeat; background-size: 10%;">
84 84   <h4>Solution Architecture</h4>
85 85   </div>
86 - <ul class="card__footer">
86 + <ul class="card__footer-intermediate">
87 87   <li class="card__footer-item">
88 88   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
89 89   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -99,10 +99,10 @@
99 99   </ul>
100 100   </a>
101 101   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Data%20traffic%20routing" class="card">
102 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/messaging_crashcourse.svg) center no-repeat; background-size: 20%;">
102 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/messaging_crashcourse.svg) center no-repeat; background-size: 10%;">
103 103   <h4>Data traffic routing</h4>
104 104   </div>
105 - <ul class="card__footer">
105 + <ul class="card__footer-intermediate">
106 106   <li class="card__footer-item">
107 107   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
108 108   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -118,10 +118,10 @@
118 118   </ul>
119 119   </a>
120 120   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Create%20your%20transformations" class="card">
121 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/TransformationModules.svg) center no-repeat; background-size: 20%;">
121 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/TransformationModules.svg) center no-repeat; background-size: 10%;">
122 122   <h4>Create your transformations</h4>
123 123   </div>
124 - <ul class="card__footer">
124 + <ul class="card__footer-intermediate">
125 125   <li class="card__footer-item">
126 126   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
127 127   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -137,10 +137,10 @@
137 137   </ul>
138 138   </a>
139 139   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/eMagiz%20Cloud%20Management" class="card">
140 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/cloud-management-module.svg) center no-repeat; background-size: 20%;">
140 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/cloud-management-module.svg) center no-repeat; background-size: 10%;">
141 141   <h4>eMagiz Cloud Management</h4>
142 142   </div>
143 - <ul class="card__footer">
143 + <ul class="card__footer-intermediate">
144 144   <li class="card__footer-item">
145 145   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
146 146   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -156,10 +156,10 @@
156 156   </ul>
157 157   </a>
158 158   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Data%20Pipelines" class="card">
159 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/DataPipelines_Modules.svg) center no-repeat; background-size: 20%;">
159 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/DataPipelines_Modules.svg) center no-repeat; background-size: 10%;">
160 160   <h4>Data Pipelines</h4>
161 161   </div>
162 - <ul class="card__footer">
162 + <ul class="card__footer-intermediate">
163 163   <li class="card__footer-item">
164 164   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
165 165   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -175,10 +175,10 @@
175 175   </ul>
176 176   </a>
177 177   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Data%20Handling" class="card">
178 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/DataHandling_modules.svg) center no-repeat; background-size: 20%;">
178 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/DataHandling_modules.svg) center no-repeat; background-size: 10%;">
179 179   <h4>Data Handling</h4>
180 180   </div>
181 - <ul class="card__footer">
181 + <ul class="card__footer-intermediate">
182 182   <li class="card__footer-item">
183 183   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
184 184   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -194,10 +194,10 @@
194 194   </ul>
195 195   </a>
196 196   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Testing%20in%20eMagiz" class="card">
197 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 20%;">
197 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 10%;">
198 198   <h4>Testing in eMagiz</h4>
199 199   </div>
200 - <ul class="card__footer">
200 + <ul class="card__footer-intermediate">
201 201   <li class="card__footer-item">
202 202   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
203 203   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -213,10 +213,10 @@
213 213   </ul>
214 214   </a>
215 215   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Release%20Management" class="card">
216 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Release_management_modules.svg) center no-repeat; background-size: 20%;">
216 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Release_management_modules.svg) center no-repeat; background-size: 10%;">
217 217   <h4>Release Management</h4>
218 218   </div>
219 - <ul class="card__footer">
219 + <ul class="card__footer-intermediate">
220 220   <li class="card__footer-item">
221 221   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
222 222   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -232,10 +232,10 @@
232 232   </ul>
233 233   </a>
234 234   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Active%20Monitoring" class="card">
235 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Lifecyclemanagement.svg) center no-repeat; background-size: 20%;">
235 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Lifecyclemanagement.svg) center no-repeat; background-size: 10%;">
236 236   <h4>Active Monitoring</h4>
237 237   </div>
238 - <ul class="card__footer">
238 + <ul class="card__footer-intermediate">
239 239   <li class="card__footer-item">
240 240   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
241 241   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -251,10 +251,10 @@
251 251   </ul>
252 252   </a>
253 253   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Alerting" class="card">
254 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/alerting_module.svg) center no-repeat; background-size: 20%;">
254 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/alerting_module.svg) center no-repeat; background-size: 10%;">
255 255   <h4>Alerting</h4>
256 256   </div>
257 - <ul class="card__footer">
257 + <ul class="card__footer-intermediate">
258 258   <li class="card__footer-item">
259 259   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
260 260   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -270,10 +270,10 @@
270 270   </ul>
271 271   </a>
272 272   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/API%20Management" class="card">
273 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-management.svg) center no-repeat; background-size: 20%;">
273 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-management.svg) center no-repeat; background-size: 10%;">
274 274   <h4>API Management</h4>
275 275   </div>
276 - <ul class="card__footer">
276 + <ul class="card__footer-intermediate">
277 277   <li class="card__footer-item">
278 278   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
279 279   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -290,10 +290,10 @@
290 290   </a>
291 291   </a>
292 292   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/DevOps%20Perspectives/" class="card">
293 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/DevOpsPerspectives_module.svg) center no-repeat; background-size: 20%;">
293 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/DevOpsPerspectives_module.svg) center no-repeat; background-size: 10%;">
294 294   <h4>DevOps Perspectives</h4>
295 295   </div>
296 - <ul class="card__footer">
296 + <ul class="card__footer-intermediate">
297 297   <li class="card__footer-item">
298 298   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
299 299   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -312,7 +312,7 @@
312 312   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Lifecyclemanagement.svg) center no-repeat; background-size: 20%;">
313 313   <h4>Lifecycle Management</h4>
314 314   </div>
315 - <ul class="card__footer">
315 + <ul class="card__footer-intermediate">
316 316   <li class="card__footer-item">
317 317   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
318 318   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -328,10 +328,10 @@
328 328   </ul>
329 329   </a>
330 330   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Securing%20Data%20Traffic" class="card">
331 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Security_Modules.svg) center no-repeat; background-size: 18%;">
331 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Security_Modules.svg) center no-repeat; background-size: 10%;">
332 332   <h4>Securing Data Traffic</h4>
333 333   </div>
334 - <ul class="card__footer">
334 + <ul class="card__footer-intermediate">
335 335   <li class="card__footer-item">
336 336   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
337 337   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -347,10 +347,10 @@
347 347   </ul>
348 348   </a>
349 349   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Portal%20Security" class="card">
350 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Security_Modules.svg) center no-repeat; background-size: 20%;">
350 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Security_Modules.svg) center no-repeat; background-size: 10%;">
351 351   <h4>Portal Security</h4>
352 352   </div>
353 - <ul class="card__footer">
353 + <ul class="card__footer-intermediate">
354 354   <li class="card__footer-item">
355 355   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
356 356   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -366,10 +366,10 @@
366 366   </ul>
367 367   </a>
368 368   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Understanding%20Error%20Handling" class="card">
369 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Error_Handling_Modules.svg) center no-repeat; background-size: 15%;">
369 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Error_Handling_Modules.svg) center no-repeat; background-size: 10%;">
370 370   <h4>Understanding Error Handling</h4>
371 371   </div>
372 - <ul class="card__footer">
372 + <ul class="card__footer-intermediate">
373 373   <li class="card__footer-item">
374 374   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
375 375   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -388,7 +388,7 @@
388 388   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/orchestration_modules.svg) center no-repeat; background-size: 20%;">
389 389   <h4>Orchestration of data packets</h4>
390 390   </div>
391 - <ul class="card__footer">
391 + <ul class="card__footer-intermediate">
392 392   <li class="card__footer-item">
393 393   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
394 394   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -404,10 +404,10 @@
404 404   </ul>
405 405   </a>
406 406   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Configuring%20the%20API%20Gateway" class="card">
407 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-gateway_crashcourse.svg) center no-repeat; background-size: 15%; ">
407 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-gateway_crashcourse.svg) center no-repeat; background-size: 10%; ">
408 408   <h4>Configuring the API Gateway</h4>
409 409   </div>
410 - <ul class="card__footer">
410 + <ul class="card__footer-intermediate">
411 411   <li class="card__footer-item">
412 412   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
413 413   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -423,10 +423,10 @@
423 423   </ul>
424 424   </a>
425 425   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Testing%20API%20Gateway" class="card">
426 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 20%;">
426 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 10%;">
427 427   <h4>Testing API Gateway</h4>
428 428   </div>
429 - <ul class="card__footer">
429 + <ul class="card__footer-intermediate">
430 430   <li class="card__footer-item">
431 431   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
432 432   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -442,10 +442,10 @@
442 442   </ul>
443 443   </a>
444 444   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Key%20concepts%20Event%20Streaming" class="card">
445 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/eventstreaming_crashcourse.svg) center no-repeat; background-size: 20%;">
445 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/eventstreaming_crashcourse.svg) center no-repeat; background-size: 10%;">
446 446   <h4>Key concepts Event Streaming</h4>
447 447   </div>
448 - <ul class="card__footer">
448 + <ul class="card__footer-intermediate">
449 449   <li class="card__footer-item">
450 450   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
451 451   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -464,7 +464,7 @@
464 464   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/eventstreaming_crashcourse.svg) center no-repeat; background-size: 20%;">
465 465   <h4>Configuring Event Streaming</h4>
466 466   </div>
467 - <ul class="card__footer">
467 + <ul class="card__footer-intermediate">
468 468   <li class="card__footer-item">
469 469   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
470 470   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -480,10 +480,10 @@
480 480   </ul>
481 481   </a>
482 482   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Event%20Streaming%20Connectors" class="card">
483 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/eventstreaming_crashcourse.svg) center no-repeat; background-size: 20%;">
483 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/eventstreaming_crashcourse.svg) center no-repeat; background-size: 10%;">
484 484   <h4>Event Streaming Connectors</h4>
485 485   </div>
486 - <ul class="card__footer">
486 + <ul class="card__footer-intermediate">
487 487   <li class="card__footer-item">
488 488   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
489 489   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -502,7 +502,7 @@
502 502   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/database-connectivity.svg) center no-repeat; background-size: 20%;">
503 503   <h4>Database connectivity</h4>
504 504   </div>
505 - <ul class="card__footer">
505 + <ul class="card__footer-intermediate">
506 506   <li class="card__footer-item">
507 507   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
508 508   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -518,10 +518,10 @@
518 518   </ul>
519 519   </a>
520 520   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/File%20based%20connectivity" class="card">
521 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/file-based-connectivity.svg) center no-repeat; background-size: 20%;">
521 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/file-based-connectivity.svg) center no-repeat; background-size: 10%;">
522 522   <h4>File based connectivity</h4>
523 523   </div>
524 - <ul class="card__footer">
524 + <ul class="card__footer-intermediate">
525 525   <li class="card__footer-item">
526 526   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
527 527   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -537,10 +537,10 @@
537 537   </ul>
538 538   </a>
539 539   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Mendix%20connectivity" class="card">
540 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/mendix-connectivity.svg) center no-repeat; background-size: 15%;">
540 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/mendix-connectivity.svg) center no-repeat; background-size: 10%;">
541 541   <h4>Mendix Connectivity</h4>
542 542   </div>
543 - <ul class="card__footer">
543 + <ul class="card__footer-intermediate">
544 544   <li class="card__footer-item">
545 545   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
546 546   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -556,10 +556,10 @@
556 556   </ul>
557 557   </a>
558 558   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/REST%20Connectivity" class="card">
559 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/REST_modules.svg) center no-repeat; background-size: 20%;">
559 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/REST_modules.svg) center no-repeat; background-size: 10%;">
560 560   <h4>REST Connectivity</h4>
561 561   </div>
562 - <ul class="card__footer">
562 + <ul class="card__footer-intermediate">
563 563   <li class="card__footer-item">
564 564   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
565 565   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -578,7 +578,7 @@
578 578   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/message-redelivery.svg) center no-repeat; background-size: 20%;">
579 579   <h4>Message Redelivery</h4>
580 580   </div>
581 - <ul class="card__footer">
581 + <ul class="card__footer-intermediate">
582 582   <li class="card__footer-item">
583 583   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
584 584   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -594,10 +594,10 @@
594 594   </ul>
595 595   </a>
596 596   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Risk%20Management" class="card">
597 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 20%;">
597 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 10%;">
598 598   <h4>Risk Management</h4>
599 599   </div>
600 - <ul class="card__footer">
600 + <ul class="card__footer-intermediate">
601 601   <li class="card__footer-item">
602 602   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
603 603   <label for="" class="card__footer-label">Intermediate</label>
... ... @@ -613,10 +613,10 @@
613 613   </ul>
614 614   </a>
615 615   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/SOAP%20Web%20service%20Connectivity/" class="card">
616 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/soap-connectivity-module.svg) center no-repeat; background-size: 20%;">
616 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/soap-connectivity-module.svg) center no-repeat; background-size: 10%;">
617 617   <h4>SOAP Web service Connectivity</h4>
618 618   </div>
619 - <ul class="card__footer">
619 + <ul class="card__footer-intermediate">
620 620   <li class="card__footer-item">
621 621   <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
622 622   <label for="" class="card__footer-label">Intermediate</label>